Kurs CSS3
1. Tabela
Link do videoplik css to ćwiczenia znajduje sie w tym samym folderze co plik html tego ćwiczenia.
selektor | opis |
---|---|
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 p.blue | wybierz wszystkie elementy |
div > p.blue | wybierz wszystkie elementy o nazwie |
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
To jest cyan (div + p.cyan) czyli tylko pierwszy
To jest cyan (div + p.cyan) czyli tylko pierwszy
To jest tekst w osobnym div.
to jest violet (div ~ p.violet) czyli kady
to jest violet (div ~ p.violet) czyli kady
to jest violet (div ~ p.violet) czyli kady