CSS 多类或分组类最佳实践

.class1, .class2 {
  /* 共享样式 */
}

.class1 {
  /* 样式1 */
}

.class2 {
  /* 样式2 */
}

/* 不推荐 */
.class1 .class2 .class3 {
  /* 样式 */
}

/* 推荐 */
.class1 {
  /* 样式 */
}

.class2 {
  /* 样式 */
}

.class3 {
  /* 样式 */
}

// Sass 示例
.class1 {
  /* 样式1 */
}

.class2 {
  /* 样式2 */
}

/* Block */
.block {}

/* Element */
.block__element {}

/* Modifier */
.block--modifier {}