CSS规范,后代选择器命名基础规范
后代选择器命名
- 约定不以单个字母+”-“为前缀且长度大于等于2的类选择器为后代选择器,如:.item为m-list模块里的每一个项,.text为m-list模块里的文本部分:.m-list .item{}.m-list .text{}。
- 一个语义化的标签也可以是后代选择器,比如:.m-list li{}。
- 不允许单个字母的类选择器出现,原因详见下面的“模块和元件的后代选择器的扩展类”。
通过使用后代选择器的方法,你不需要考虑他的命名是否已被使用,因为他只在当前模块或元件中生效,同样的样式名可以在不同的模块或元件中重复使用,互不干扰;在多人协作或者分模块协作的时候效果尤为明显!
后代选择器不需要完整表现结构树层级,尽量能短则短。
注:后代选择器不要在页面布局中使用,因为污染的可能性较大;
1
2
3
4
5
6
7
8
|
/* 这里的.itm和.cnt只在.m-list中有效 */ .m-list{ margin : 0; padding : 0; } .m-list .itm{ margin : 1px ; padding : 1px ;} .m-list .cnt{ margin-left : 100px ;} /* 这里的.cnt和.num只在.m-page中有效 */ .m-page{ height : 20px ;} .m-page .cnt{ text-align : center ;} .m-page .num{ border : 1px solid #ddd ;} |
其他精彩推荐
经典文学:www.jnooo3.top
丽景文学:www.91382.com.cn
蓝蓝文学:www.jnooo22.top
洋洋文学:www.bencaoji.vip
洋铃文学:www.330303.cn
无敌神婿:www.u25pm9.cn
财运天降:www.taofree.cn
都市神豪:www.ai32d.cn
最佳女婿:www.37yb33.cn
天降巨富:www.wwaan.cn
豪门女婿:www.test21.fun
经典小说:www.parrotsoft.cn
经典书城:www.kmciti.cn
经典书阁:www.3p0w8.cn
经典追书:www.mqgmcm.cn
经典好书:www.li93z.cn
经典书盟:www.1mjf0.cn
经典书屋:www.e4kw3.cn
经典都市:www.ri82y.cn
经典总裁:www.5cv4j8.cn
经典异能:www.j332rs.cn
全民养生百科:www.qmysbk.com