2016-02-12 4 views

Antwort

8

:notcan only be applied to simple selectors. Pseudo-Elemente sind nicht simple selectors, Sie können sie also nicht invertieren.

Sie könnten die "non-first letter" -Stile auf den gesamten Text anwenden und sie für den ersten Buchstaben umkehren.

Zum Beispiel:

p { 
 
    color: red; 
 
    text-transform: uppercase; 
 
} 
 

 
p::first-letter { 
 
    color: black; 
 
    text-transform: none; 
 
}
<p>red capitals except the first letter.</p>

+1

Möglicherweise möchten Sie auf die [spec] verknüpfen (https://drafts.csswg.org/selectors-3/#negation) und auch angeben, warum Pseudo-Elemente keine Argumente für ': not' sein können (weil das Pseudo-Element kein einfacher Selektor ist). Nur ein Vorschlag :) – Harry

+3

Es ist erwähnenswert, dass für Eigenschaften wie Farbe, 'color: currentColor' hier * nicht * funktioniert, weil das :: first-letter-Feld, wie alle Pseudo-Element-Boxen, ein Nachkomme des p ist Box und so seine currentColor wird der Rest des Textes sein - rot. Deshalb muss die ursprüngliche Farbe wieder fest codiert werden. – BoltClock