html - 元素上的多个 CSS 类或巨大的 CSS 文件

Question

<分区>

Answer 1

或选项C

1. 许多全局类(如 .clearfix、.ellipsis 等)
2. 使用less通过扩展将其他类关联到全局类

少

.single-post { 
  padding: 5px; 
  &:extend(.clearfix); 
  &:extend(.ellipsis); 
}

HTML

<div class="single-post"></div>

CSS

结果是重复的 css 选择器，但是 css 文件小得多，没有来自全局选择器的重复属性。

.clearfix,
.single-post {
  /* clearfix properties */
}

.ellipsis,
.single-post {
  /* ellipsis properties */
}

.single-post {
  /* single-post only properties */
}