html - 使用多个 css 类，只有一个类

Question

也许答案很简单，但我想不通......对不起这个愚蠢的问题。

我有几个使用相同 css 类的 html 元素：

<a class="class1 class2 class3"></a>

如何为我的所有元素只指定一个公共类？

<a href="commonclass"></a>

谢谢

Answer 1

从 etc. 中获取样式class1并将它们放入单独的类中。

.class1 {
  color: green;
}
.class2 {
  border: 1px solid black;
}

然后会变成：

.combined {
  color: green;
  border: 1px solid black;
}

Answer 2

1. 对所有元素应用 css，然后使用* 通用选择器

   * { padding: 0; margin: 0; }
   

2. a对文档中的所有元素应用 css ，然后使用标签选择器

   a { color: red; }
   

30 个 CSS 选择器

Answer 3

我想您正在寻找类似宏的工具，例如在 LESS 等一些 CSS 框架中找到的，您可以在其中将 class1 和 class2 的属性定义为一种宏或准类，然后根据它们定义您所谓的 commonclass .

Answer 4

我不确定您是否要对“几个 html 元素”或“我的所有元素”使用相同的 css 规则。如果要对多个元素使用相同的 css 规则，请在元素之间使用逗号，如下所示：

a, li, p { color:red; }