我想将CSS规则应用于其中一个类与指定前缀匹配的任何元素.
例如,我想要一个规则,该规则将应用于具有以status-
(A和C 开头,而不是后续片段中的B)开头的类的div :
<div id='A' class='foo-class status-important bar-class'></div>
<div id='B' class='foo-class bar-class'></div>
<div id='C' class='foo-class status-low-priority bar-class'></div>
Run Code Online (Sandbox Code Playgroud)
某种组合:
div[class|=status]
和div[class~=status-]
它是否可以在CSS 2.1下使用?在任何CSS规范下都可行吗?
注意:我知道我可以使用jQuery来模拟它.
CSS语言伪类允许我们为不同的语言指定不同的样式,如下所示:
html:lang(en) .foo { ... }
Run Code Online (Sandbox Code Playgroud)
但是,这在IE7中不起作用,所以我一直在使用属性选择器:
html[lang="en"] .foo { ... }
Run Code Online (Sandbox Code Playgroud)
他们似乎做同样的事情,但有任何微妙的差异吗?如果没有,为什么CSS甚至有一个语言伪类,当属性选择器做同样的事情?