时间戳

首页 > 解决方案 > 选择任何字符串时的 CSS 属性

css - 选择任何字符串时的 CSS 属性

问题描述

我有一个数据属性data-modals。当属性有值时，我想用 CSS 来定位它。我不介意价值是多少。

我可以找到选择属性何时存在或特定值的指南，但不能找到“任何”值 - 相当于“*”。

IE。

<element data-modals="" />不应成为目标

<element data-modals="any text" />应该有针对性

标签： csscustom-data-attribute

解决方案

您可以像这样使用CSS 属性选择器：

element[data-modals]:not([data-modals=""]) {
  color: red;
}

例子：

p[data-modals]:not([data-modals=""]) {
  color: red;
}
<p data-modals="">
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, fugit.
</p>

<p data-modals="any text">
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, fugit.
</p>

<p>
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, fugit.
</p>



一些有用的链接：

推荐阅读