提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: HTML教程 > css规划定名时怎样只管防止下划线【html5教程】,css布局,命名时尽量避免下划线

本篇文章给人人带来的内容是关于css规划定名时只管防止下划线,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。

用过css hack的朋侪应当晓得,用下划线定名也是一种hack,如运用“_style”如许的定名,能够让ie外的大部份浏览器疏忽这个款式的定义,所以运用“_”做为定名时的分隔符是不范例的。在做css搜检时会涌现毛病提醒,因而要防止运用下划线定名。

为此得找一个能替代下划线而又合范例的标记,固然不是肯定要用这类分隔符之类的,只是个人习气题目。

做了个小测试,将下划线离别用了“~”、“$”、“`”、“&”和“-”去替代,效果只要“-”号是能够运用的,而且对js的支撑也一般,看下测试:

以下为援用的内容:

css部份:

代码以下:

.try-a{ color:#00f; }
.try~a{ color:#00f; }
.try`a{ color:#00f; }
.try&a{ color:#00f; }
.try$a{ color:#00f; }
.try-b{ color:#f00; }
.try~b{ color:#f00; }
.try`b{ color:#f00; }
.try&b{ color:#f00; }
.try$b{ color:#f00; }

html部份:

代码以下:

<div id="a" class="try-a">try1</div>
<div id="b" class="try~a">try2</div>
<div id="c" class="try`a">try3</div>
<div id="d" class="try&a">try4</div>
<div id="e" class="try$a">try5</div></p> <p><input type="button" value="ok" onclick="b();" />

js部份:

代码以下:

function b(){
document.getelementbyid("a")。classname="try-b";
document.getelementbyid("b")。classname="try~b";
document.getelementbyid("c")。classname="try`b";
document.getelementbyid("d")。classname="try&b";
document.getelementbyid("e")。classname="try$b";
}

效果是“try1”变成了赤色,显现一般。不过在css定义里,常常会用到id选择符,假如在页面中的id定名中运用了“_”,就免不了在css款式里涌现下划线“_”了,所以在此还得注意在id的定名上也要防止运用下划线。

以上就是对css规划定名时只管防止下划线的悉数引见,假如您想相识更多有关CSS3教程,请关注ki4网。

以上就是css规划定名时怎样只管防止下划线的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

0 条评论关于"css规划定名时怎样只管防止下划线【html5教程】,css布局,命名时尽量避免下划线"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线