当我想要匹配一个特定的类my-class-b时,我也可以在同一个元素上创建另一个类my-other-class-a
.my-class-b.my-other-class-a {
}
[class^="my-class-"] {
}
现在我想混合,但似乎不起作用.我能怎么做
[class^="my-class-"].my-other-class-a {
}
解决方法
发生这种情况是因为在css选择器[class ^ =“abc”]中测试了开始与指定类的类属性.
如果选择器是
[class^="my-"]
然后
class="my-class red"
不一样
class="red my-class"
在http://jsfiddle.net/u5sfge94/查看
一个方法是指定一个新的类,作为[class ^ =“abc”].它可能会使您的样式表更加有条理,您的代码更清晰,CSS更快地呈现.
