css选择器命名规则

《css选择器命名规则》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、操作系统版本：Windows7浏览器版本：IE6,IE7,IE8,Firefox3.6.2,Safari4.0.4,Chrome5.0.356.2dev受影响的浏览器：所有浏览器.经常讲到css选择器命名规则，其实不只是在团队合作基础上来讲这个，每个浏览器,IE产品，火狐，苹果，谷歌，都会因为命名不规范会产生不同样式..一、关于选择器的命名W3CCSS2.1的4.1.3节中提到：标识符（包括选择器中的元素名，类和ID）只能包含字符[a-zA-Z0-9]和ISO10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）；它们不能以数字，或一个连字号后跟

2、数字为开头。它们还可以包含转义字符加任何ISO10646字符作为一个数字编码。由于设计到的字符很多，本文只针对字符[a-zA-Z0-9]，再加连字号（-）和下划线（_）进行讨论。关于CSS中允许使用的字符和大小写信息，请参考W3CCSS2.1的4.1.3节二、差异及可能产生的问题在W3CCSS2.1说明文档中，只提到选择器标识符不能以数字，或一个连字号后跟数字为开头。除此之外，没有相关的说明。那么各浏览器下的表现是否遵循这一规则呢？请观察如下代码：123456789101112 div{width:160px;height:20px;font-size:12p

3、x;line-height:20px;background-color:yellow;} .f-1_f_{background-color:#d4d4d4;} .1{background-color:#A8A8A8;} .123456{background-color:#d4d4d4;} .2demo{background-color:#A8A8A8;} .2-demo {background-color:#d4d4d4;} .2_demo {background-color:#A8A8A8;}131415161718192021222324252627282

4、93031323334 .-demo{background-color:#d4d4d4;} .-2demo {background-color:#A8A8A8;} ._demo {background-color:#d4d4d4;} ._2demo {background-color:#A8A8A8;} .-{background-color:#d4d4d4;} .---{background-color:#A8A8A8;} ._{background-color:#d4d4d4;} .——{background-color:#A8A8A8;} ._-{bac

5、kground-color:#d4d4d4;} .-_{background-color:#A8A8A8;} .-{background-color:#d4d4d4;} .---_{background-color:#A8A8A8;} .---123{background-color:#d4d4d4;} .__123{background-color:#A8A8A8;}35363738394041421234567891011121314151617181920字母开头