2013-02-15 14 views
45

Ich möchte code Elemente, die nicht innerhalb a Tags sind.CSS-Selektor für kein untergeordnetes Element?

Was ist der beste Ansatz, um dies zu erreichen?

code:not(a code) scheint gar nicht zu arbeiten, zumindest auf Chrome, obwohl es seems like it should

ich es nicht von der Konsole entweder arbeiten bekommen.

Gibt es noch andere css-only-Ansätze, die ich dafür verwenden könnte?

Antwort

61

:not unterstützt keine Kombinatorselektoren.

Wenn wir reden über ihre direkte parent:

:not(a) > code 

Ansonsten gibt es keine Möglichkeit, dies in CSS zu tun. Sie werden es außer Kraft setzen müssen:

code { 
    /* some styles */ 
} 

a code { 
    /* override previous styles */ 
} 
+0

das Problem dort ist, dass ich nicht einen Stern Selektor verwenden wollte – bevacqua

+5

Sie eine Demo vergessen! http://jsfiddle.net/Jex4b/ – cimmanon

+3

Aus Neugier: Ich habe keine Ahnung warum, aber ': nicht (a)> Code' arbeitete, während': nicht (a) Code' nicht, keine Ahnung warum? (immer noch chrome) – bevacqua

Verwandte Themen