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

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

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

Aus Neugier: Ich habe keine Ahnung warum, aber ich habe :not(a) > codegearbeitet, obwohl ich :not(a) codekeine Ahnung warum? (immer noch Chrom)

— Bevacqua

@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