CSS 多个类相同的规则

CSS中，可以使用相同的规则来定义多个类。这对于需要共享相同属性的类非常有用。

语法

使用逗号将不同的类名分隔开，并在规则块内定义相同的属性。

.class1, .class2 {
  property: value;
  /* more properties */
}

示例

例如，我们要定义两个类.btn-primary和.btn-danger，它们都具有相同的样式，我们可以这样写：

.btn-primary, .btn-danger {
  background-color: blue;
  color: white;
  padding: 10px;
  border: none;
}

这样，这两个类就拥有了相同的样式，而且我们的CSS代码也更加简洁和易于维护。

注意事项

• 多个类的顺序并不影响样式的应用，因为它们的权重是相同的。
• 使用相同规则定义多个类时，应确保这些类具有相似的属性和用途，以免造成混乱。

总之，CSS多个类相同的规则是一种非常有用的技巧，可以帮助我们简化CSS代码的维护和开发。