Samizdatová skripta

Syntaxe a sémantika


Dědičnost stylových vlastností od rodičovského prvku

Mějme stránku s tímto HTML kódem:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <html>
    <head>
    <title>  </title>
    </head>
    <body>  <p>Šla Nanynka do zelí, natrhala lupení. Přišel za ní   <a href="#">Jeníček  </a>...  </p> 

    </body>
  </html>

Nastavíme velikost písma. Tato vlastnost je dedičná a tedy by se měla nastavit na všechny prvky v BODY, pokud nená nastavena konkrétnějším selektorem.

body {font-size:11px;}

Výsledek vypadá takto:

Šla Nanynka do zelí, natrhala lupení. Přišel za ní Jeníček...

Poznámka: Někdy nedojde k zdědění této vlastnosti na všechny prvky v BODY a proto použijeme všeobecný kvantifikátor v selektoru.

* {font-size:11px;}

Nastavíme barvu odstavci.

body {font-size:11px;}
p {color:#00C}

Šla Nanynka do zelí, natrhala lupení. Přišel za ní Jeníček...

Nastavíme barvu odkazu v odstavci.

body {font-size:11px;}
p a {color:#C00}

Šla Nanynka do zelí, natrhala lupení. Přišel za ní Jeníček...

http://www.w3schools.com/css/css_syntax.asp


upravit odstranit css

NAVRCHOLU.cz