Question

所以我正在为一家大型连锁酒店的网站工作，并且在css中他们有一个预先存在的课程，适用于所有可以想象的情况。

我正在编辑一个页面，使用以下代码添加100多个

实例：

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

底部采用10px填充，顶部采用15px填充，底部采用5px边距，下方采用黑色边框。

我的问题是，创建一个包含所有这些参数的类更有意义吗？我没有在css的其余部分看到很多自定义类。

由于

Answer 1

在Mozilla的实现中（也可能是其他实现），对于每个元素，CSS引擎会搜索样式规则以查找匹配项。引擎从右到左评估每个规则，从最右边的选择器（称为“密钥”）开始，然后移动每个选择器直到找到匹配或丢弃规则。（“selector”是规则应适用的文档元素。）

在这种情况下，非常值得拥有单一样式元素，以便浏览器只需搜索一个密钥（css类名称），这样可以提高性能。

Answer 2

我强烈建议您按照您描述的方式清理CSS - 在更加整合的类中 - 毫不犹豫。您继承的CSS似乎非常有限。但我不认为它会减慢页面速度，因为驱动任何人调试乱糟糟的东西！这是一个有效的问题。

编辑：它也喜欢根据位置和放大器添加命名类。高度（pad-b10，pad-t15，margin-b5＆amp; such）基本上与硬编码内联CSS一样糟糕。重做CSS，所以认为在语义上有意义。必须有一个共同的模式，以适应这一点。但这样的CSS让我生病了。