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

Question

是否有办法根据应用的类数量设置相同元素的样式。 我有第三方lib，它提供了td元素类＆＃39; off＆＃39;以及关于课程＆＃39; off＆＃39;，＆＃39; off＆＃39;的一些元素。我希望样式元素根据数字＆＃39; off＆＃39;而不同。类依赖于元素。

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

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

Answer 1

连接相同类名称的次数并不重要，最后一个定义将适用于 all 具有该类名称的元素（单个或多次）

＆＃13;

＆＃13;

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

.off { background: blue; }

.off.off { background: red; }

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

＆＃13;

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

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

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

＆＃13;

＆＃13;

＆＃13;

所以，不。除.off.off外，.off的格式不能仅基于类名。