如何将两个 CSS 类应用于单个元素

Question

我可以将 2 个类应用于单个 div 或 span 或任何 HTML 元素吗？例如：

 <a class="c1" class="c2">aa</a>

我试过了，在我的情况下 c2 没有得到应用。我怎样才能同时申请这两个课程？

原文由 dojoX 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

1. 在 class 属性中使用多个类，以空格 ( ref ) 分隔：

 <a class="c1 c2">aa</a>

1. 要定位包含所有指定类的元素，请使用此 CSS 选择器（ 无空格）( ref )：

 .c1.c2 {
}

原文由 Salman A 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在单个类属性值中包含两个类字符串，中间有一个空格。

 <a class="c1 c2" > aa </a>

原文由 Steve Jorgensen 发布，翻译遵循 CC BY-SA 2.5 许可协议