Element s danou triedou v CSS
Nech máme dva typy elementov s rovnakými
triedami. Napríklad, nech aj nadpisy h2,
a aj odseky majú rovnakú triedu:
<h2 class="eee">Nadpis</h2>
<p class="eee">
text
</p>
<h2 class="eee">Nadpis</h2>
<p class="eee">
text
</p>
Môžeme, napríklad, zafarbiť všetky elementy s takouto triedou na červenú:
.eee {
color: red;
}
Je však možné zamerať sa na konkrétny element
s triedou. Napríklad, môžeme vybrať všetky h2
s triedou eee a oddelene vybrať všetky
p s touto triedou.
Na to treba v selektore napísať názov
elementu, a potom prilepený názov triedy. Napríklad,
zafarbme h2 s našou triedou
na červenú, a odseky s takouto triedou
- na zelenú:
h2.eee {
color: red;
}
p.eee {
color: green;
}
Daný je nasledujúci kód:
<h2 class="header">text</h2>
<h2 class="header">text</h2>
<h3 class="header">text</h3>
<h3 class="header">text</h3>
.header {
color: red;
}
Nastavte všetky h2 s triedou header
veľkosť 40px, a všetky h3 s touto
triedou - veľkosť 30px.