用过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网别的相干文章!