.
to klasa. Odwołanie do elementów które mają atrybut class=""
i w nim podane to, co po kropce.
#
to identyfikator. Odwołanie do elementów które mają atrybut id=""
i w nim podane to, co po #. W dokumencie tylko jeden element może mieć konkretny identyfikator.
spacja to dziedziczenie. div h3
oznacza wszystkie h3, które są potomkami (dziećmi, dziećmi dzieci, dzieci dzieci dzieci...) div.
+
to sąsiadowanie. div h3 + p.comments
ostyluje takiego p o klasie comments, który następuje bezpośrednio (z ignorowaniem tekstów, białych znaków i komentarzy) z h3, który z kolei jest potomkiem div.
:
to pseudoklasa. W przypadku a:link
, a:visited
i a:hover
oznaczają stany hiperłącza - nieaktywne, odwiedzone, po najechaniu myszą.