空でない属性のCSS属性セレクター


90

空でない属性に適用されるCSSセレクターはありますか?:not([Data-Attribute=''])属性が存在しない場合も、一致を使用します。

のようなものを探しています[Data-Attribute!='']


[Data-Attribute!='']jQueryセレクタは同等で:not([Data-Attribute=''])あり、属性が指定されていない場合は一致するため、jQueryセレクタについて話している場合とは異なります。
BoltClock

回答:


191

これを試して

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

8
私はここで、より良い(または異なる)ソリューションを見てきました:stackoverflow.com/questions/16429220/...
スヴェン

6
@Svenこの質問に答える(空ではない特定のデータ属性を選択する)そのリンクの唯一の解決策は、この答えと同じです。
rybo111

うん、ここで提供されるソリューションは彼が必要とするものをターゲットにしています、上のリンクのそれはカウンタースタイリングを必要とします。
意志

このソリューションは、予期しない要素に影響します(attrに一致する場合title)。
Pavel Vlasov、2018
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.