Specjalne selektory CSS

Cały tekst niniejszej strony winien być brązowy, ze względu na selektor *. Odsyłacze opisane są selektorem :hover (np. odsyłacz); tym samym selektorem opisane są fragmenty <strong>

  1. Ten punkt winien być żółty (reguła ol > li)
  2. Ten bold winien być czarny (reguła ol > li > b)

Po tym nagłówku h1

Winien być ZIELONY nagłówek h2 (reguła h1 + h2)

Jak tam pierwszy wiersz? Powinien być italic i 200%. To jest akapit odgraniczony znacznikiem <p>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, strike, emphasis, strong, tekst usunięty, tekst wstawiony, indeks górny, indeks dolny, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.

Jak tam pierwsza litera? Powinna być 300% i niebieska i float left. To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, strike, emphasis, strong, tekst usunięty, tekst wstawiony, indeks górny, indeks dolny, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.
W tym akapicie język oznaczyliśmy jako it; według stylów powinien być pisany białym tekstem na brązowym tle. To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, strike, emphasis, strong, tekst usunięty, tekst wstawiony, indeks górny, indeks dolny, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.

W tej liście dodajemy na początku i końcu każdego elementu automatyczny tekst z automatycznym licznikiem za pomocą selektorów :before i :after oraz właściwości counter.

  1. taki sobie element
  2. i taki sobie element
  3. i na koniec taki

Adam Podstawczynski
Last modified: Fri Jun 29 13:15:45 EDT 2001