Źródło: Arkusze CKE
Który selektor formatuje akapity tekstu o klasie tekst oraz element blokowy o ID obrazki?
Warianty odpowiedzi
-
A
A. p.tekst, div#obrazki
-
B
B. p#tekst, div.obrazki
-
C
C. p.tekst + div#obrazki
-
D
D. p#tekst + div.obrazki
Wyjaśnienie
Spójrzmy na ten zapis jak na precyzyjną instrukcję dla przeglądarki.
Pierwsza część p.tekst wskazuje na akapity (znaczniki p), które posiadają przypisaną klasę tekst. Kropka w języku CSS oznacza właśnie klasę.
Druga część div#obrazki wskazuje na element blokowy (znacznik div), który posiada identyfikator obrazki. Znak hasza w CSS odpowiada za unikalne ID.
Przecinek pomiędzy tymi dwoma elementami pełni rolę spójnika. Oznacza to, że zdefiniowane style zostaną zastosowane jednocześnie do obu wymienionych grup.