0

因此,我正在为一家大型连锁酒店开发一个网站,并且在 css 中,他们为每种可以想象的情况提供了一个预先存在的类。

我正在编辑一个页面,添加了 100 多个

带有代码的实例:

<p class="pad-b10 pad-t15 margin-b5 border-bottom-black">

它在底部应用 10px 的填充,在顶部应用 15px 的填充,在底部应用 5px 的边距,在下面应用黑色边框。

我的问题是,创建一个包含所有这些参数的类是否更有意义?我在 CSS 的其余部分中看不到很多自定义类。

谢谢

4

2 回答 2

3

在 Mozilla 的实现中(可能还有其他实现),对于每个元素,CSS 引擎都会搜索样式规则以找到匹配项。引擎从右到左评估每个规则,从最右边的选择器(称为“键”)开始,遍历每个选择器,直到找到匹配项或丢弃规则。(“选择器”是规则应该应用到的文档元素。)

在这种情况下,拥有单一样式元素非常值得,这样浏览器只需要搜索一个键(css 类名),从而提高性能。

于 2013-01-26T07:13:41.290 回答
1

我强烈建议您毫不犹豫地按照您描述的方式(在更统一的类中)清理该 CSS。您继承的 CSS 似乎非常有限。但我认为它不会像驱使任何人调试混乱的坚果那样减慢页面速度!这是一个有效的担忧。

编辑:还想补充一点,基于位置和高度(pad-b10、、pad-t15margin-b5)的命名类基本上与硬编码内联 CSS 一样糟糕。重做 CSS,使其在语义上有意义。必须有一个共同的模式,所以要适应它。但是这样的 CSS 让我生病了。

于 2013-01-26T07:05:11.333 回答