####一、名字的本质是什么
对于css,为了避免样式冲突,我们总是会赋予它相当特殊的命名,或者是在选择符上添加HTML标记,或是使用层级。我们会在避免冲突上狠作文章,所谓过犹不及,结果又是一个烂摊子,重用性会很低很低,这就导致本是窈窕淑女,却变得臃肿不堪。
例如,下面人人网的css命名(张鑫旭大大说需要这种反面例子的时候就去找人人和新浪,一找一个准(●’◡’●)):
我们都希望写出精简高效的css代码,如果css重用性越高,就越高效,这个时候命名就要越简单、越容易被重用。BUT,简单的命名越容易造成样式冲突,例如 .more{ }。从这点上来说,【重用性】与【样式冲突】是两个对立的矛盾体。
不过,这种矛盾并不是不可以调和的,记住一些准则和方法,css 既可以有高效的重用性,又不会有样式冲突。
- 面向属性的命名方法
整理借鉴于张鑫旭大大的博文