css - 选择属性非空的元素

Question

假设我有以下内容:

<div data-pid="">Unknown</div>
<div data-pid="123">Known 123</div>

在 CSS 中有没有办法只选择 data-pid 属性为非空的元素？

Answer 1

如果您不介意稍微向后做事并且您需要它在不支持 :not 的浏览器中工作，这是可行的:

div[data-pid] {
    color: green;
}

div[data-pid=""] {
    color: inherit;
}

这将使所有具有非空 data-pid 的 div 变为绿色。

在这里 fiddle :http://jsfiddle.net/ZuSRM/