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