css - 属性が空でない要素を選択

Question

次のものがあるとします。

<div data-pid="">Unknown</div>
<div data-pid="123">Known 123</div>

data-pid属性が空でない要素のみを選択する CSS の方法はありますか?

Answer 1

/* Normal styles */
[data-pid] {}

/* Differences */
[data-pid=""] {}

jsFiddle .

これにより、ブラウザのサポートが大幅に向上します。必要なものを選択する代わりに、すべてのスタイルを設定してから、違いを 2 番目のセレクターに配置します。