Felix Riesterer: Spezifischeres Beispie!

Beitrag lesen

Lieber Gunnar,

.link:has( [class="url_special"] ) {

Warum verwendest du hier einen Attributselektor anstatt einen Klassenselektor?

(Von meiner Neugier abgesehen ist der Attributselektor möglicherweise falsch.)

da musste ich jetzt erst einmal überlegen, wann dieser Selektor falsch sein könnte. Ich glaube, ich habe verstanden, was Du da meinst:

<p class="info wichtig">Aufpassen!</p>

Mit diesem Markup wäre ein Selektor [class="wichtig"] definitiv falsch. Das ist ja am class-Attribut das Verrückte (will meinen: Vielseitige), dass mehrere durch Leerzeichen getrennte Werte unterschiedliche Klassenzugehörigkeiten ausdrücken können. Der Attributselektor erwartet eine Zeichenkette genau so. Die Klassenzugehörigkeit wäre aber in gleichem Maße gegeben, wenn da <p class="wichtig info"> gestanden hätte, nur dass ein Attributselektor [class="info wichtig"] dann natürlich scheitern muss.

Liebe Grüße

Felix Riesterer