Autor Zpráva
styleman
Profil *
Ahoj, teprve se učím s css a narazil jsem na tento problém

Mám div, pro jehož odstavce mam definované dejme tomu velikost písma.

div#afrika p {font-size:2em;margin:4px;}

no a pak udělam

.OdstavecBezOkraje {margin:0;}

proč potom mám-li:

<div id="afrika">

<p>Odstavec s okrajem</p>
<p class="OdstavecBezOkraje">Odstavec bez okraje</p>
</div>


tak se vlastnost dané třídy přebije a stejně bude mít ten druhý odstavec margin?

Řešením je vůbec nedefinovat p pro ten div, ale to je dost nepohodlné.

Díky za odpověď, čao
Mistr
Profil
styleman
A zkoušel jsi #afrika .OdstavecBezOkraje {margin: 0;}?
DoubleThink
Profil *
Definice div#afrika p je konkrétnější než .OdstavecBezOkraje. Má tedy přednost. (aka Bližší košile než kabát)
Máš tedy dvě možnosti.
Buďto definici zanoříš do té předchozí: div#afrika .OdstavecBezOkraje nebo za vlastnost přidáš !important
styleman
Profil *
To je přesně ono, děkuji pánové.

Docela trapas, já vím, ale původně, když jsem projížděl pár hotových css, tak jsem si myslel že to !important jsou nějaký textový popisky pro lidi, a ono to dokonce má nějakej význam pro kaskádové styly :)))) Zajímavé.

Ještě jednou děkuji, čao

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0