将CSS应用于包含col-substring的一组css类

时间:2014-03-19 14:43:20

标签: css css-selectors

我不确定说出这个的最好方法,这可能就是为什么我很难研究它,尽管它可能很简单。

我想要做的是将CSS应用于一组类。

例如,我有课程.col-1.col-2.col-3.col-4

我希望能够做的是制作一些css,可以说可能会改变所有类别的边框颜色col-,所以我不必将它应用于每个单独的数字。

我确定我以前见过这个,但想不出怎么做。

2 个答案:

答案 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)