CSS - více druhů nadpisů Vyřešeno

[sojkin626]

Zdravím, pokouším se teď o nějaký výtvor s CSS, používám k tomu externí stylopis, jak udělám to, že například nadpis <h2> bude mít více "druhů"? Jako například, že bych potřeboval několik nadpisů H2 s různými styly, jako například různá písma, rámování apod? Předem díky.

[Reklama]

[Microsheep]

Přidáš k tomu class a nastyluješ. Popřípadě více specifikuješ daný <h2> například pouze nadpis v článku .clanek h2
Nevím, co víc vymýšlet.

[sojkin626]

Zdravím,
děkuji... postup jsem našel na internetu, jen jsem nevěděl co přesně hledat.

[Myloš]

Tříd můžeš navíc udělat i pro jeden nadpis víc, například:

Kód: Vybrat vše

<h2 class="basnicka letos kamaradi politika">

a v CSS nastylovat jednotlivé třídy, například:

Kód: Vybrat vše

.basnicka: {text-align: center;}
.letos {background-color: #090;}
.kamaradi {font-style: italic; letter-spacing: 2px;}
.politika {color: aqua;}

Jestliže tyto třídy používáš i pro běžný text a styly se ti hodí i do nadpisu, je to jednoduché, elegantní řešení.
A pokud chceš použít některou ze tříd odlišně od běžného textu, stačí ve stylopise přesnější selektor, například:

Kód: Vybrat vše

h2.basnicka

a ten bude mít přednost před selektorem

Kód: Vybrat vše

.basnicka

.