如何仅为已指定多个类的元素设置样式？

Question

我有三个span元素：

<span "id="span1" class="class1"> span 1 </span>
<span "id="span2" class="class2"> span 2 </span>
<span "id="span3" class="class1 class2"> span 3 </span>

我想为同时包含class1和class2的元素设置样式。因此，虽然第一个和第三个跨度共享class1，第二个和第三个跨度共享class2，但我只想根据其类别对第三个跨度进行样式设置。

Answer 1

你可以这样做：

.class1.class2 {
    color: yellow;
}

Demo

Answer 2

试试这个：

.class1.class2 {
    color: yellow;
}

Answer 3

试试这个

.class1.class2 {
    color: yellow
}

Answer 4

您可以按如下方式设置您的CSS

给每个相同的类，以便您可以格式化所有元素使用id进行自定义

<style>
.class1 {
 color:green;
}
#span3 {
 color:yellow;
}
</style>

<span "id="span1" class="class1"> span 1 </span>
<span "id="span2" class="class1"> span 2 </span>
<span "id="span3" class="class1"> span 3 </span>

id css将覆盖该类的css，为您提供对每个元素的唯一控制