我可以使用一个类名指定多个CSS类吗？

Question

我想在一个元素上指定几个css类。但我不想每次都重复上3次，4次或更多次课程。

我想从

开始

<span class ="class1 backgroundclass borderclass iconclass">Link</span>

要

<span class="linkClass">Link</span>

可以这样做吗？如果是这样，怎么样？

Answer 1

在普通的CSS中，您必须将.linkClass包含在每个类定义中，如下所示：

.class1, .linkClass { ...... }
.backgroundclass, .linkClass { ...... }
.borderclass, .linkClass { ...... }

可读性不太好。

您可以查看像LessCSS这样的CSS预处理器，这样可以更轻松。使用LessCSS，似乎可以执行以下操作：

.linkClass {
  .class1;
  .backgroundclass;
  .borderclass;
}

然后LessCSS将编译最终的样式表。

Answer 2

你所问的并不是很有道理我害怕。 ： - ）

如果要应用多个通用CSS类，只需一次添加一个。但是，如果您只有一个具有所有必需属性的CSS类，则只需指定。

我担心这几乎是你的选择，两者之间的选择是HTML中是否存在大量冗余而不是CSS。 （即：如果你总是使用两个泛型类，那么在CSS中创建一个具有组合属性的类是有意义的。）