我不确定说出这个的最好方法,这可能就是为什么我很难研究它,尽管它可能很简单。
我想要做的是将CSS应用于一组类。
例如,我有课程.col-1
,.col-2
,.col-3
,.col-4
我希望能够做的是制作一些css,可以说可能会改变所有类别的边框颜色col-
,所以我不必将它应用于每个单独的数字。
我确定我以前见过这个,但想不出怎么做。
答案 0 :(得分:72)
您可以使用[class*="col-"]
CSS attribute selector选择包含至少一次col-
个class
值的任何元素作为其[class*="col-"] {
border-color: red;
}
值。
class
如果col-
属性的所有值均以[class^="col-"]
开头,则可以使用foo-col-1
选择器。
但是,为了防止选择[class^="col-"], [class*=" col-"] {
border-color: red;
}
这样的类,您可以使用以上两个选择器的组合,如下所示(感谢@JosephSpens):< / p>
{{1}}
<强> WORKING DEMO 强>
答案 1 :(得分:0)
您可以使用
CSS [attribute * = value]选择器
self.
请查看以下链接
https://www.w3schools.com/cssref/sel_attr_contain.asp
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_attr_contain