Home Notatki Definicje Ćwiczenia Linki

Kurs CSS3

1. Tabela

Link do video

plik css to ćwiczenia znajduje sie w tym samym folderze co plik html tego ćwiczenia.

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)

To jest jakiś tekst

To jest jakiś tekst

To jest jakiś tekst

To jest jakiś tekst

To jest jakiś tekst (red))

To jest jakiś tekst

To jest jakiś tekst

To jest jakiś tekst (section)

To jest jakiś tekst (section)

To jest jakiś tekst

To jest jakiś tekst

To jest jakiś tekst

To jest jakiś tekst

To jest jakiś tekst

To jest cyan (div + p.cyan) czyli tylko pierwszy p.cyan następujący po div podlega tej regule

To jest cyan (div + p.cyan) czyli tylko pierwszy p.cyan następujący po div podlega tej regule

To jest cyan (div + p.cyan) czyli tylko pierwszy p.cyan następujący po div podlega tej regule

To jest tekst w osobnym div.

to jest violet (div ~ p.violet) czyli kady p.violet następujący bezpoścrednio po div podlega tej regule

to jest violet (div ~ p.violet) czyli kady p.violet następujący bezpoścrednio po div podlega tej regule

to jest violet (div ~ p.violet) czyli kady p.violet następujący bezpoścrednio po div podlega tej regule