关于CSS效率的问题_html/css_WEB-ITnose

来源：爱若养生

CSS HTML

二话不说先上代码

.bar { width: 960px; line-height: 30px; background: blue; color: white; font-weight: bold;}.navi { width: 960px; padding: 5px; background: green; color: white; font-weight: bold;}.style1 {color: white; width: 500px;}.style2 {font-weight: bold; line-height:30px;}

Here is some text这个DIV的class中的XXX无关紧要这个DIV的class中的XXX无关紧要Here is some text

再看一段代码：

.text_white {color:white;} .text_bold {font-weight: bold;} .width_960 {width: 960px;}.bar { line-height: 30px; background: blue;}.navi { padding: 5px; background: green;}.style1 {width: 500px;}.style2 {line-height:30px;}

Here is some text这个DIV的class中的XXX无关紧要这个DIV的class中的XXX无关紧要Here is some text

这两段代码中，第一种是我经常用的方法，但是最近看一个朋友写的代码（也就是第二种代码），就把一些公共属性提取出来了。而对于这种方法我很疑惑，因为如果把一些属性都提出来当做一个样式去管理，那么如果公共样式多的话，一个DIV就可能继承七八个CLASS，这样好么？效率会不会有所下降？会不会违背了CSS的初衷？因为我觉得如果继承的CLASS多了就和在HTML里面用STYLES属性来控制元素样式无异了。。

回复讨论(解决方案)

你朋友做的很对这样才是css的本意

你朋友做的很对这样才是css的本意

可是如果一个DIV继承多个CLASS（有时候有七八个）那样效率会不会很低？

你朋友做的很对这样才是css的本意

可是如果一个DIV继承多个CLASS（有时候有七八个）那样效率会不会很低？
那你要证明你这个div 必须处于7种不同类型的变化下面
如果需要那就这样写
先不要考虑效率
先实现效率问题需要的时候才进行重构

你朋友做的很对这样才是css的本意

可是如果一个DIV继承多个CLASS（有时候有七八个）那样效率会不会很低？
那你要证明你这个div 必须处于7种不同类型的变化下面
如果需要那就这样写
先不要考虑效率
先实现效率问题需要的时候才进行重构

好的，我知道了，谢谢你