要素タイプの子ではないCSSセレクター?


81

タグcode内にない要素のスタイルを設定したいa

これを達成するための最良のアプローチは何ですか?

code:not(a code)少なくともChromeでは、動作するはずのように見えても、まったく動作しないようです。

コンソールからも動作させることができません。

これに使用できる他のCSSのみのアプローチはありますか?

回答:


121

:not コンビネータセレクタはサポートしていません。

その直接の親について話している場合:

:not(a) > code

そうでなければ、CSSでこれを行う方法はありません。あなたはそれを上書きする必要があります:

code {
    /* some styles */
}

a code {
    /* override previous styles */
}

そこにある問題は、私がスターセレクターを使いたくなかったということです
bevacqua 2013

9
好奇心から:私はなぜわかりませんが、:not(a) > code働いていた、しばらくは:not(a) code、なぜどんな考えをしませんでしたか?(まだクロム)
bevacqua 2013

36
@ Nico-ではない祖先:not(a) code探すため、これは常に真です。直接の親だけを見ます。a:not(a) > code
ジョセフシルバー2013

ジャックポット、私はそれを考えるべきだった。
bevacqua 2013
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.