Le pseudo-classi di Css senza alcun selettore, va bene?

Question

Selector come

.some-class :first-child 

che seleziona il primo bambino dentro .some-class opere come previsto in tutti i browser, anche in IE8.

Ma cellulare Chrome di 'opzione dati Ridurre' rimuove uno spazio tra .some-class e :first-child e rompe il CSS applicando stili di .some-class all'elemento stesso. In altri casi come .class1 .class2 Chrome mantiene lo spazio intatto. Probabilmente, considera lo spazio tra .some-class e :first-child uno spazio non semantico, perché pensa che non ci possa essere una pseudo-classe senza un qualche tipo di selettore.

Ma ho controllato lo standard e non dico da nessuna parte che la pseudo-classe deve avere un selettore. Allo stesso tempo tutti gli esempi con pseudo-classi includono un selettore di elementi, come

p:first-child 

Quindi sono confuso. Questo selettore CSS è errato o c'è un bug in "Riduci l'utilizzo dei dati" di Chrome?

Answer 1

:first-child è valido come selettore standalone e questo sembra essere un bug nella versione mobile di Chrome. Possiamo confermarlo con W3C's CSS Validator.

:first-child { background: #F00; } 

Congratulazioni! Nessun errore trovato.

Infatti, tutti i componenti elencati nella sezioneSelettori della Selectors Level 3 specification è valido come selettore autonomo. Immagino che gli esempi di :first-child includano anche un selettore di elementi per evitare confusione e mostrare come può essere usato su quel particolare elemento.

Answer 2

Direi che è un bug. Dovreste essere in grado di lavorare intorno ad esso con .some classe *: first-child