Home Notatki Definicje Ćwiczenia Linki

Kurs CSS3

103. Selektory atrybutów

Link do lekcji na Udemy
selektoropis
p wybierz wszystkie elementy o nazwie p
.blue wybierze wszystkie elementy, których class="foo"
#identyfikator wybierz wszystkie elementy, których id="identyfikator"
* wybierz wszystkie elementy na stronie
div, p wybierz wszystkie elementy div oraz p
div p.blue wybierz wszystkie elementy div oraz p
div > p.blue wybierz wszystkie elementy o nazwie p i class="blue", które sa w środku div, dodatkowo muszą być to elementy będącę bezpoścrednimi dziećmi elementu div
div + p.blue wybierz wszystkie elementy o nazwie p i class="blue", które są dokładnie obok (po) elemencie div.
Inaczej - jeśli dokładnie po div, będzie p.blue to zastosuj na tym elemencie i tylko tym poniszy styl
div ~ p.blue to samo co wyej tylko, e wybiera wszystkie elemety p.blue sąsiadujące po div (muszą być na tym samym poziomie hierarchii)