【问题标题】：CSS attribute selector for non-empty attributes非空属性的 CSS 属性选择器
【发布时间】：2013-06-19 09:24:34
【问题描述】：

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

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

【问题讨论】：

如果您说的是 jQuery 选择器，它不会类似于 [Data-Attribute!='']，因为 jQuery 选择器等效于 :not([Data-Attribute=''])，并且如果未指定属性则匹配。跨度>
Select elements where attribute is non-empty的可能重复

【解决方案1】：

样式错误支持

[{ font: ["sofia", "slabo", "roboto", "inconsolata", "ubuntu", false] }]

.ql-snow .ql-picker.ql-font .ql-picker-item:not([data-value])::before {
content: "default";
font-family: none !important;}

.ql-snow .ql-picker.ql-font .ql-picker-label:not([data-value])::before {
content: "default";}

【讨论】：

【解决方案2】：

试试这个

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

【讨论】：

我在这里看到了更好（或不同）的解决方案：stackoverflow.com/questions/16429220/…
@Sven 该链接上回答此问题的唯一解决方案（选择非空的特定数据属性）与此答案相同。
是的，这里提供的解决方案针对他的需求，上面链接中的那个需要反样式。
此解决方案会影响意外元素（如果匹配 attr title）。