css - 元素上的两个相同的 css 类应该有不同的样式

Question

有没有一种方法可以根据应用于它的类的数量来设置相同元素的样式。我有第三方库，它呈现 td 元素类“关闭”和一些类为“关闭”、“关闭”的元素。我希望根据元素上“关闭”类的数量来设置不同的样式元素。

我试过了，但它对所有元素都应用了 display none。

td.off.off{
display:none;
}      
td.off{
cursor: none;
}

Answer 1

无论您连接相同类名多少次，最后的定义都将应用于所有具有该类名的元素(一次或多次)

div { background: #eee; margin: 10px; height: 30px; width: 100%; }

.off { background: blue; }

.off.off { background: red; }

.off.off.off { background: green; }

<div class="off"></div>

<div class="off off"></div>  

<div class="off off off"></div>  

所以，不。您不能仅根据类名设置 .off.off 与 .off 不同的样式。