我希望以属性"foo"具有值的div元素为目标.

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

我try 过这个css,但它不起作用:

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

推荐答案

使用如下代码:

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

Css相关问答推荐

如何使一组元素的行为像字符串一样?

搜索栏突出显示角形HTML中的Mat-Form-field输入框的焦点

此css Select 器的总体特性是什么?按钮:不是(#mainBtn,.cta)

我找不出Firefox上奇怪的css行为的原因

为什么 KaTeX 的彩虹文本只能在 Firefox 上运行?

Img 未拉伸以满足所需的纵横比

带插值的 Sass 数学函数

清除 CSS 中已设置的填充属性以恢复 SVG 的默认值

具有自动调整大小的自动填充行的 CSS 网格

我怎样才能在某些区域制作一个单独的文本行,而在其他区域制作一个实心填充?

css3比例周围的空白

使用css水平+垂直翻转/镜像图像

属性nowrap被认为是过时的.建议使用较新的构造.它是什么?

使用 Twitter Bootstrap 使页脚粘在页面底部

删除所有填充和边距表格 HTML 和 CSS

有没有办法让字段集的宽度与它们中的控件一样宽?

CSS - 悬停穿过元素以激活悬停在被覆盖的元素上

如果容器 div 较小,如何将子 div 扩展到 100% 屏幕宽度?

CSS 否定伪类 :not() 用于父/祖先元素

你如何在 SASS 中定义属性 Select 器?