0:00:00.342,0:00:03.899
Wracamy do strony o pączkach[br]i ryzyku z nimi związanym.

0:00:03.899,0:00:08.150
Podoba mi się klasa „ostrzeżenie”[br](ang. warning) dodana do „p” i „strong”.

0:00:08.150,0:00:12.673
To ostrzeżenie ma się wyróżniać[br]jeszcze bardziej.

0:00:12.673,0:00:16.889
Ma szarą krawędź,[br]od reguły klasy „fact”.

0:00:16.889,0:00:20.922
Lepiej wyglądałoby z grubym,[br]pomarańczowym obramowaniem.

0:00:20.922,0:00:25.802
Spróbujmy to dodać[br]do reguły „ostrzeżenie”.

0:00:25.802,0:00:29.581
Krawędź, 5 pikseli,[br]gładka, pomarańczowa.

0:00:29.675,0:00:34.198
Świetnie. Ale dotyczy też[br]znaczników „strong”,

0:00:34.219,0:00:37.319
a to nie wygląda dobrze[br]obok tego tekstu.

0:00:37.319,0:00:39.982
Ma być tylko w akapicie[br]„ostrzeżenie”.

0:00:39.982,0:00:43.744
A nie w tekście[br]śródliniowym, jak ten.

0:00:43.744,0:00:46.511
Jak zrobić bardziej[br]konkretną regułę CSS?

0:00:46.511,0:00:50.532
Można zrobić nową klasę:[br]„akapit-ostrzeżenie”.

0:00:50.532,0:00:55.152
I przenieść właściwości.[br]Tego nie zrobimy.

0:00:55.152,0:01:01.220
Każemy przeglądarce dawać krawędzie[br]tylko akapitom z ostrzeżeniem.

0:01:01.220,0:01:04.575
Ale nie innym znacznikom w tej klasie.

0:01:04.575,0:01:09.121
Najpierw zapiszmy[br]szukany element „p”,

0:01:09.121,0:01:14.170
potem kropkę i nazwę klasy:[br]„ostrzeżenie”.

0:01:14.170,0:01:18.673
Przeglądarka wyszuka wszystkie[br]znaczniki „p” z klasy „ostrzeżenie”

0:01:18.673,0:01:21.385
i wewnątrz damy właściwości.

0:01:21.385,0:01:26.453
Wklejmy właściwość krawędzi...

0:01:26.453,0:01:34.321
I już! Mamy krawędź tylko przy fakcie,[br]a nie przy znaczniku „strong”.

0:01:34.321,0:01:37.595
Można tak robić z dowolną[br]kombinacją elementów i nazw klas,

0:01:37.595,0:01:42.603
gdy chcemy, by przeglądarka nadała[br]styl tylko znacznikom mającym klasę.

0:01:42.603,0:01:45.233
Pamiętajcie o kolejności:

0:01:45.233,0:01:50.707
nazwa znacznika, kropka[br]i nazwa klasy.

0:01:50.707,0:01:56.453
Jeśli między nazwą a kropką[br]znajdzie się spacja, nic z tego.

0:01:56.453,0:01:59.940
Bo spacja w CSS ma inne znaczenie.

0:01:59.940,0:02:02.795
Przeglądarka zinterpretuje[br]tę regułę inaczej.

0:02:02.795,0:02:06.884
Oglądajcie dalej. W nastepnej części[br]będzie więcej o specjalnej spacji!