0:00:00.665,0:00:04.776
Lubię muzea, ale nie mam[br]czasu chodzić tam co dzień.

0:00:04.776,0:00:07.987
Na szczęście piękne obrazy[br]mogę znaleźć w Internecie.

0:00:07.987,0:00:11.278
Także w Khan Academy,[br]w sekcji historii sztuki.

0:00:11.278,0:00:14.340
Zrobiłam stronę z listami[br]słynnych obrazów,

0:00:14.340,0:00:21.318
z nagłówkiem i listami dla każdego stylu[br]oraz z linkami do artykułów o obrazach.

0:00:21.318,0:00:25.164
Żeby strona była bardziej elegancka,[br]artystyczna,

0:00:25.164,0:00:31.149
Za pomocą reguł CSS zmieniłam[br]czcionkę nagłówków - „h1” i „h2”.

0:00:31.149,0:00:38.886
Podoba mi się „cursive”, ale „fantasy”[br]będzie lepsza, więc to zmienię.

0:00:38.886,0:00:43.846
Och, i tutaj też zmienię,[br]bo są dwie reguły.

0:00:43.846,0:00:49.262
Życzę sobie, żeby wszystkie nagłówki[br]korzystały z jednej rodziny czcionek.

0:00:49.262,0:00:54.414
Nie chcę za każdym razem[br]zmieniać czcionki w dwóch miejscach.

0:00:54.414,0:01:00.020
Jak to rozwiązać?[br]Z dwu reguł CSS zrobić jedną.

0:01:00.020,0:01:04.038
Zastanówcie się chwilę.

0:01:04.038,0:01:08.364
Zaproponujecie, by dodać tę samą[br]klasę do „h1” i „h2”?

0:01:08.364,0:01:12.047
To by się udało i mielibyśmy[br]jedną regułę CSS dla tej klasy.

0:01:12.047,0:01:14.828
Utrudnilibyśmy sobie jednak życie,

0:01:14.828,0:01:19.119
bo musielibyśmy dodawać tę klasę[br]do każdego nowego „h1” i „h2”.

0:01:19.119,0:01:25.495
Jest lepszy sposób. Pogrupujemy[br]selektory, używając przecinków.

0:01:25.495,0:01:31.970
Dodamy przecinek po „h1”[br]i napiszemy „h2”.

0:01:31.970,0:01:37.262
Możemy skasować drugą regułę,[br]bo wcieliliśmy ją w pierwszą.

0:01:37.262,0:01:39.947
I już! Strona wygląda tak samo.

0:01:39.947,0:01:44.272
Teraz mogę eksperymentować z rodziną[br]czcionek, robiąc zmianę w 1 miejscu.

0:01:44.272,0:01:48.679
Zmieniam krój na „cursive”[br]- i zmieniły się wszystkie nagłówki!

0:01:48.679,0:01:55.765
Uważajcie na przecinek. Selektory[br]oddzielamy przecinkiem, nie spacją.

0:01:55.765,0:02:03.046
Spacji używamy do selektorów potomnych,[br]a to jest coś zupełnie innego.

0:02:03.046,0:02:08.515
Grupowanie jest świetne[br]do eliminowania powtórzeń.

0:02:08.515,0:02:14.345
Ale nie grupujcie dwóch selektorów tylko[br]dlatego, że mają te same właściwości.

0:02:14.345,0:02:18.365
Grupujcie je, gdy chcecie, żeby zawsze[br]miały te same właściwości.

0:02:18.365,0:02:21.887
Zwykle dlatego,[br]że są sobie bliskie znaczeniowo.

0:02:21.887,0:02:28.262
Tu selektor dotyczy wszystkich nagłówków,[br]bo chcę je zrobić w jednym stylu.

0:02:28.262,0:02:32.895
Poznacie jeszcze jedno częste[br]zastosowanie grupowania selektorów.