Hi!
Ich habe in meinem CSS-File folgende Definition:
p,cite,code,ul {
font-size: 1.4em;
padding-bottom: 1.4em;
}
Hierbei entsteht nun allerdings ein Problem:
Wenn ich die Elemente "normal" verwende, sieht Alles prima aus. Werden die Elemente jetzt jedoch geschachtelt, also etwa so:
<ul>
<li>Oberpunkt</li>
<ul>
<li>Unterpunkt</li>
</ul>
</ul>
dann wird "Unterpunkt" riesig angezeigt, da sich die verwendete Maßeinheit "em" ja auf die Größe des jeweiligen Vater-Elements bezieht- die beiden ul-Elemente vergrößern die Schriftgröße also (ungewollt).
Meine Frage ist jetzt:
In der ungeschachtelten Variante bin ich mit der Darstellung zufrieden.
Geschachtelt soll sich die Schriftgröße jedoch nicht ändern- was ist nun die "Best Practice" um das von mir gewünschte Verhalten zu erzielen?
LG
Fabian