选择属性非空的元素 [英] Select elements where attribute is non-empty

问题描述

假设我有以下：

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

有一种方法在CSS中只选择元素 data-pid 属性不是空的？

Is there a way in CSS to select only elements where the data-pid attribute is non-empty?

推荐答案

向后，您需要它在不支持：：

This works, if you don't mind doing things slightly backwards and you need it to work in browsers that don't support :not:

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

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

这将使所有 div s与非空 data-pid 的绿色。

That will make all the divs with non-empty data-pids green.

http://jsfiddle.net/ZuSRM/\">http://jsfiddle.net/ZuSRM/

Fiddle here: http://jsfiddle.net/ZuSRM/

这篇关于选择属性非空的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！