Dlaczego tak
Pseudoklasa, zapisywana z jednym dwukropkiem, wybiera element w określonym stanie — :hover to stan wskazania kursorem. Pseudoelement, zapisywany z dwoma dwukropkami, wybiera fragment elementu, który nie istnieje w kodzie jako osobny znacznik, np. ::first-line, czyli pierwszy wiersz akapitu. Nawiasy kwadratowe oznaczają selektor atrybutu. Selektor klasy zaczyna się od kropki, a nie zawiera dwukropka.