2016-02-12 31 views

risposta

8

:notcan only be applied to simple selectors. Gli pseudo-elementi non sono simple selectors, quindi non è possibile invertirli.

È possibile applicare gli stili "non prima lettera" a tutto il testo e invertirli per la prima lettera.

Ad esempio:

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

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

+1

si consiglia di collegarsi al [spec] (https://drafts.csswg.org/selectors-3/#negation) e indicano perché gli pseudo-elementi non possono essere argomenti a ': not' (è perché pseudo-elemento non è un semplice selettore). Solo un suggerimento :) – Harry

+3

Vale la pena notare che per proprietà come il colore, 'color: currentColor' non * lavorerà qui, perché la casella :: first-letter, come tutte le finestre pseudo-elementi, è un discendente della p box e quindi il suo currentColor sarà quello del resto del testo: rosso. Questo è il motivo per cui il colore originale deve essere hardcoded di nuovo. – BoltClock