Selektory w CSS – to nie tylko html tag, identyfikator czy klasa!

Selektory w CSS to nie tylko tag HTML, jak p, a czy div. Nie musimy tez ograniczać się zawsze do identyfikatora czy klasy.

Do dyspozycji mamy o wiele więcej możliwości, a właściwie kilkanaście wariantów, dzięki którym możemy przy większych projektach znacznie ułatwić sobie życie.

Do rzeczy:

* – wszystkie elementy, na przykład:

{
background-color: yellow;
}

niżej na przykładzie zastosowania identyfikatorów, klas, paragrafów i bloków, kilka możliwości, dzięki którym selektory nabierają odrobinę głębszego sensu:

div – wszystkie znaczniki div
div, p – wszystkie elementy div i akapity
div p – akapity wewnątrz elementów div
div> p – wszystkie znaczniki p, jeden poziom w głąb div
div + p – p tagi bezpośrednio po div
div ~ p – znaczniki p poprzedzone przez div
.nazwaklasy– wszystkie elementy z klasą
#nazwaid – element o identyfikatorze
div.nazwaklasy– elementy div o określonej nazwie klasy
div#nazwaid – div z określonym identyfikatorem
#nazwaid – * wszystkie elementy wewnątrz identyfikatora #nazwaid

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *