CSS-Auswahl für kein untergeordnetes Element vom Elementtyp?

81

Ich möchte codeElemente stylen, die sich nicht in aTags befinden.

Was ist der beste Ansatz, um dies zu erreichen?

code:not(a code)scheint überhaupt nicht zu funktionieren, zumindest auf Chrome, obwohl es so scheint, als ob es sollte

Ich kann es auch nicht von der Konsole aus zum Laufen bringen.

Gibt es andere CSS-reine Ansätze, die ich dafür verwenden könnte?

css css-selectors bevacqua
quelle

Antworten:

117

:not unterstützt keine Kombinator-Selektoren.

Wenn wir über seine direkten Eltern sprechen:

:not(a) > code

Andernfalls ist dies in CSS nicht möglich. Sie müssen es überschreiben:

code {
    /* some styles */
}

a code {
    /* override previous styles */
}
Joseph Silber
quelle
Das Problem dort ist, dass ich keinen
Sternwähler verwenden
9
Aus Neugier: Ich habe keine Ahnung warum, aber ich habe :not(a) > codegearbeitet, obwohl ich :not(a) codekeine Ahnung warum? (immer noch Chrom)
Bevacqua
34
@Nico - Weil :not(a) codenach jedem Vorfahren gesucht wird, der kein ist a, was immer wahr ist. :not(a) > codeschaut nur auf den unmittelbaren Elternteil.
Joseph Silber
Jackpot, daran hätte ich denken sollen.
Bevacqua