css - 找不到 "not equal"css 属性选择器

Question

我想定位属性“foo”具有值的 div 元素。

<div foo="x">XXX</div>
<div foo="">YYY</div>

我试过这个 css，但它不起作用:

[foo!='']
{
   background: red;
}

Answer 1

使用如下代码:

div[foo]:not([foo=''])
{
    /* CSS Applied to divs having foo value Not nothing (or having a foo value assigned) */
}