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

Question

3

我有几个CSS类别，我想在一个元素上指定。但是我不想每次都重复放置3、4或更多的类别。

我想从这个：

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

"至"

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

这可以做到吗？如果可以，怎么做？

- Boyd

2个回答

2

您所提出的问题有点不太合理，抱歉:-)

如果您想应用多个通用CSS类，请逐个添加它们。但是，如果您只有一个包含所有必需属性的单个CSS类，请直接指定它。

很抱歉，这些基本上是您的选择，两者之间的选择取决于HTML中是否存在重复内容，而不是CSS中是否存在。(即: 如果您始终使用两个通用类，则创建包含组合属性的类在CSS中是有意义的。)

- John Parker

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pekka · Accepted Answer

在普通的CSS中，你需要像这样在每个类定义中包含.linkClass：

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

阅读性不太好。

您可以尝试使用CSS预处理器，比如LessCSS，以使这个过程更加容易。使用LessCSS，似乎可以实现以下操作：

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

LessCSS将从这个文件编译出最终的样式表。