css 判断text是否为空

CSS如何判断text是否为空？

在CSS中，可以使用 :empty 伪类来判断元素中是否含有任何文本或子元素。

例如：

p:empty {
      background-color: yellow;
}
    

上面的CSS代码会将所有空的段落元素的背景颜色设为黄色。

如果想要仅选择不含有子元素的元素，则可以使用 :empty & :not(:has(*)) 组合选择器。

p:empty:not(:has(*)) {
      background-color: lightblue;
}

上面的CSS代码会选择仅包含空文本的段落元素，将其背景颜色设为浅蓝色。

此外，如果想要选择含有空格或制表符等空白字符的元素，可以使用 :blank 伪类。例如：

p:blank {
      color: red;
}
    

上面的CSS代码会将所有只包含空白字符的段落元素的文本颜色设为红色。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！