非空属性的 CSS 属性选择器

CSS attribute selector for non-empty attributes(非空属性的 CSS 属性选择器)
本文介绍了非空属性的 CSS 属性选择器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

是否有适用于 非空 属性的 CSS 选择器?如果属性不存在,则使用 :not([Data-Attribute='']) 匹配.

Is there a CSS selector that applies to non-empty attributes? Using :not([Data-Attribute='']) matches if the attribute is non-existing, too.

我正在寻找类似 [Data-Attribute!=''] 的东西.

I'm looking for something like [Data-Attribute!=''].

推荐答案

试试这个

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>

这篇关于非空属性的 CSS 属性选择器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)
getFullYear returns year before on first day of year(getFullYear 在一年的第一天返回前一年)
How to use coffeescript in developing web-sites?(如何在开发网站时使用coffeescript?)
Expose a javascript api with coffeescript(使用 coffeescript 公开一个 javascript api)
Coffeescript wrapping files in a function(Coffeescript 在函数中包装文件)
Multiple Files communication with coffeescript(与咖啡脚本的多个文件通信)