点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!
无疑乱七八糟或者无语义命名的代码,谁看了都会抓狂。就像这样的代码:
![谈一下良好的CSS命名习惯](http://p2.ttnews.xyz/loading.gif)
我想即使是初学者,也不至于会在实际项目中如此命名一个class,但有没有想过这样的代码同样是很有问题的:
![谈一下良好的CSS命名习惯](http://p2.ttnews.xyz/loading.gif)
问题在于如果你需要把所有原本红色的字体改成蓝色,那修改后就样式就会变成:
这样的命名就会很让人费解,同样的命名为.leftBar的侧边栏如果需要修改成右侧边栏也会很麻烦。所以,请不要使用元素的特性(颜色,位置,大小等)来命名一个class或id,您可以选择意义的命名如:#navigation{…},.sidebar{…},.postwrap{…}
这样,无论你如何修改定义这些class或id的样式,都不影响它跟HTML元素间的联系。
另外还有一种情况,一些固定的样式,定义后就不会修改的了,那你命名时就不用担忧刚刚说的那种情况,如下:
还有清浮动也是。
那么对于这样一个段落:
如果需要把这个段落由原先的左对齐修改为右对齐,那么只需要修改它的className就为alignright就可以了。
閱讀更多 小鄭搞碼事 的文章