#container div
{
font-size:0.8em;
}
#container p
{
font-size:0.8em;
}
...
<div id="container">
<div>blabla</div>
<p>blabla</p>
</div>
å det funkar ju bra (nästan jämt!)
dock, ibland händer det att jag behöver placer en div i en annan och då faller ju mitt upplägg om jag placerar text i den innersta divven då textstorleken då blir 0.8em av 0.8em, dvs. texten krymper!
så, finns det ett smartare sätt att ange storlek på utan att behöva ange med t.ex. classer?
Se till att strikt placera all text i p- eller span-taggar (Lägg till regel för span) och se till att aldrig lägga saker med id="container" inuti span-taggar.
Se till att strikt placera all text i p- eller span-taggar (Lägg till regel för span) och se till att aldrig lägga saker med id="container" inuti span-taggar.
Bra tips! Tack :)
m_soderlung skrev:
Varför ska man inte använda sig av <span id="container"> för?
Varför ska man inte använda sig av <span id="container"> för?
Det var inte det jag menade. Jag lade upp lite regler för att han aldrig ska lägga saker med font-size:0.8em; inuti varandra. Vad jag menade är att t ex kod som denna skulle vara bannlyst:
<div id="container">
<p><!-- Denna p-tagg får font-size:0.8em; pga regeln #container p
-->
<div id="container">
<p><!-- Denna p-tagg får font-size:0.8em; pga regeln #container p
Texten blir då för liten -->
Bla
</p>
</div>
</p>
</div>
I denna kod skulle alltså den inre div'en flyttas ut utanför p-taggen så att font-size:0.8em; aldrig appliceras mer än en gång.
<div id="container">
<p><!-- Denna p-tagg får font-size:0.8em; pga regeln #container p
-->
</p>
<div id="container">
<p><!-- Denna p-tagg får font-size:0.8em; pga regeln #container p -->
Bla
</p>
</div>
</div>
