我有我正在使用的这些div .tocolor
,但是我还需要唯一的标识符1,2,3,4等。因此,我将其添加为另一个类tocolor-1
。
<div class="tocolor tocolor-1"> tocolor 1 </div>
<div class="tocolor tocolor-2"> tocolor 2 </div>
<div class="tocolor tocolor-3"> tocolor 3 </div>
<div class="tocolor tocolor-4"> tocolor 4 </div>
.tocolor{
background: red;
}
有没有办法只上一堂课tocolor-*
。我尝试*
在此CSS中使用通配符,但没有用。
.tocolor-*{
background: red;
}
您需要的称为属性选择器。使用您的html结构的示例如下:
div
可以代替或添加任何元素,class
也可以将指定元素的任何属性代替。[class^="tocolor-"]
—以“ tocolor-”开头。[class*=" tocolor-"]
—包含直接在空格字符后出现的子字符串“ tocolor-”。演示: http ://jsfiddle.net/K3693/1/
有关CSS属性选择器的更多信息,可以在此处和此处找到。并且来自MDN文档MDN文档