[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.34,0:00:03.90,Default,,0000,0000,0000,,Wracamy do strony o pączkach\Ni ryzyku z nimi związanym.
Dialogue: 0,0:00:03.90,0:00:08.15,Default,,0000,0000,0000,,Podoba mi się klasa „ostrzeżenie”\N(ang. warning) dodana do „p” i „strong”.
Dialogue: 0,0:00:08.15,0:00:12.67,Default,,0000,0000,0000,,To ostrzeżenie ma się wyróżniać\Njeszcze bardziej.
Dialogue: 0,0:00:12.67,0:00:16.89,Default,,0000,0000,0000,,Ma szarą krawędź,\Nod reguły klasy „fact”.
Dialogue: 0,0:00:16.89,0:00:20.92,Default,,0000,0000,0000,,Lepiej wyglądałoby z grubym,\Npomarańczowym obramowaniem.
Dialogue: 0,0:00:20.92,0:00:25.80,Default,,0000,0000,0000,,Spróbujmy to dodać\Ndo reguły „ostrzeżenie”.
Dialogue: 0,0:00:25.80,0:00:29.58,Default,,0000,0000,0000,,Krawędź, 5 pikseli,\Ngładka, pomarańczowa.
Dialogue: 0,0:00:29.68,0:00:34.20,Default,,0000,0000,0000,,Świetnie. Ale dotyczy też\Nznaczników „strong”,
Dialogue: 0,0:00:34.22,0:00:37.32,Default,,0000,0000,0000,,a to nie wygląda dobrze\Nobok tego tekstu.
Dialogue: 0,0:00:37.32,0:00:39.98,Default,,0000,0000,0000,,Ma być tylko w akapicie\N„ostrzeżenie”.
Dialogue: 0,0:00:39.98,0:00:43.74,Default,,0000,0000,0000,,A nie w tekście\Nśródliniowym, jak ten.
Dialogue: 0,0:00:43.74,0:00:46.51,Default,,0000,0000,0000,,Jak zrobić bardziej\Nkonkretną regułę CSS?
Dialogue: 0,0:00:46.51,0:00:50.53,Default,,0000,0000,0000,,Można zrobić nową klasę:\N„akapit-ostrzeżenie”.
Dialogue: 0,0:00:50.53,0:00:55.15,Default,,0000,0000,0000,,I przenieść właściwości.\NTego nie zrobimy.
Dialogue: 0,0:00:55.15,0:01:01.22,Default,,0000,0000,0000,,Każemy przeglądarce dawać krawędzie\Ntylko akapitom z ostrzeżeniem.
Dialogue: 0,0:01:01.22,0:01:04.58,Default,,0000,0000,0000,,Ale nie innym znacznikom w tej klasie.
Dialogue: 0,0:01:04.58,0:01:09.12,Default,,0000,0000,0000,,Najpierw zapiszmy\Nszukany element „p”,
Dialogue: 0,0:01:09.12,0:01:14.17,Default,,0000,0000,0000,,potem kropkę i nazwę klasy:\N„ostrzeżenie”.
Dialogue: 0,0:01:14.17,0:01:18.67,Default,,0000,0000,0000,,Przeglądarka wyszuka wszystkie\Nznaczniki „p” z klasy „ostrzeżenie”
Dialogue: 0,0:01:18.67,0:01:21.38,Default,,0000,0000,0000,,i wewnątrz damy właściwości.
Dialogue: 0,0:01:21.38,0:01:26.45,Default,,0000,0000,0000,,Wklejmy właściwość krawędzi...
Dialogue: 0,0:01:26.45,0:01:34.32,Default,,0000,0000,0000,,I już! Mamy krawędź tylko przy fakcie,\Na nie przy znaczniku „strong”.
Dialogue: 0,0:01:34.32,0:01:37.60,Default,,0000,0000,0000,,Można tak robić z dowolną\Nkombinacją elementów i nazw klas,
Dialogue: 0,0:01:37.60,0:01:42.60,Default,,0000,0000,0000,,gdy chcemy, by przeglądarka nadała\Nstyl tylko znacznikom mającym klasę.
Dialogue: 0,0:01:42.60,0:01:45.23,Default,,0000,0000,0000,,Pamiętajcie o kolejności:
Dialogue: 0,0:01:45.23,0:01:50.71,Default,,0000,0000,0000,,nazwa znacznika, kropka\Ni nazwa klasy.
Dialogue: 0,0:01:50.71,0:01:56.45,Default,,0000,0000,0000,,Jeśli między nazwą a kropką\Nznajdzie się spacja, nic z tego.
Dialogue: 0,0:01:56.45,0:01:59.94,Default,,0000,0000,0000,,Bo spacja w CSS ma inne znaczenie.
Dialogue: 0,0:01:59.94,0:02:02.80,Default,,0000,0000,0000,,Przeglądarka zinterpretuje\Ntę regułę inaczej.
Dialogue: 0,0:02:02.80,0:02:06.88,Default,,0000,0000,0000,,Oglądajcie dalej. W nastepnej części\Nbędzie więcej o specjalnej spacji!