旗下导航:搜·么
当前位置:网站首页 > HTML > 正文

css规划定名时怎样只管防止下划线【html5教程】

作者:搜搜PHP网发布时间:2019-11-26分类:HTML浏览:58


导读:本篇文章给人人带来的内容是关于css规划定名时只管防止下划线,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。用过csshack的朋侪应当晓得,用下划线...
本篇文章给人人带来的内容是关于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网别的相干文章!

标签:css布局命名时尽量避免下划线