谈一下良好的CSS命名习惯
来源:小郑搞码事     阅读:824
微上宝科技
发布于 2018-08-04 21:29
查看主页

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

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

谈一下良好的CSS命名习惯

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

谈一下良好的CSS命名习惯

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

谈一下良好的CSS命名习惯

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

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

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

谈一下良好的CSS命名习惯

还有清浮动也是。

那么对于这样一个段落:

谈一下良好的CSS命名习惯

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

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 网页前端 CSS
相关推荐
郑州轻工业大学oj题解(c语言)1074: 百钱买百鸡 穷举法(一)
06-定位(Position)
Python全栈 Web(CSS常使用样式大全)
python 3.7极速入门教程9最佳python中文工具书籍下载
左侧菜单栏折叠开展效果-超级简单
首页
搜索
订单
购物车
我的