谈一下良好的CSS命名习惯

点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!

无疑乱七八糟或者无语义命名的代码,谁看了都会抓狂。就像这样的代码:

谈一下良好的CSS命名习惯

我想即使是初学者,也不至于会在实际项目中如此命名一个class,但有没有想过这样的代码同样是很有问题的:

谈一下良好的CSS命名习惯

问题在于如果你需要把所有原本红色的字体改成蓝色,那修改后就样式就会变成:

谈一下良好的CSS命名习惯

这样的命名就会很让人费解,同样的命名为.leftBar的侧边栏如果需要修改成右侧边栏也会很麻烦。所以,请不要使用元素的特性(颜色,位置,大小等)来命名一个class或id,您可以选择意义的命名如:#navigation{…},.sidebar{…},.postwrap{…}

这样,无论你如何修改定义这些class或id的样式,都不影响它跟HTML元素间的联系。

另外还有一种情况,一些固定的样式,定义后就不会修改的了,那你命名时就不用担忧刚刚说的那种情况,如下:

谈一下良好的CSS命名习惯

还有清浮动也是。

那么对于这样一个段落:

谈一下良好的CSS命名习惯

如果需要把这个段落由原先的左对齐修改为右对齐,那么只需要修改它的className就为alignright就可以了。


分享到:


相關文章: