ďťż

[CSS] Kaskadowość elementów Rozmiar czcionki nie chce się zmienić

       

Podstrony


telcocafe

Witam :)

Mam sobie przykładowy kod HTML:

<div class="lewa"> <p>Forum Eksperta jest super</p> <p class="jol">Joł Źą</p> </div>

I do tego CSS w zewnętrznym arkuszu:
div.lewa p { font-size: 16px; } p.jol { font-size: 10px; color: silver; }

W efekcie tekst "Joł Źą" ma nadal 16 pikseli, ale kolor szary. Zupełnie, jakby definicja leżąca wyżej w arkuszu nadpisywała tą poniżej. Jednak zamieniając selektory w dokumencie, nic się nie dzieje.

Gdy jednak bezpośrednio w kodzie zmniejszę czcionkę:
<p style="font-size: 10px;">Joł Źą</p>
to działa! Tak samo, jakbym w arkuszu dał po 10px słówko !important - tylko że nie za bardzo rozumiem, dlaczego tak się dzieje i nie zadawala mnie fakt, że po dodaniu !important działa.

Ma ktoś jakiś na to pomysł?
Użytkownik miszczu49 edytował ten post 09 październik 2007, 21:45


Może zamknij ten otwarty div. Zagnieżdżają Ci się 2 wielkości czcionek.
Użytkownik sauron edytował ten post 09 październik 2007, 22:02
Akurat to jest element layoutu - MUSI być w tym divie :) Ale przecież i tak CSS nie powinien tak podle reagować na dwie wielkości czcionek...

Nie wiedzieć czemu, gdy dałem
div.lewa p.jol { //blabla }
zadziałało :) Fajnie, działa, ale i tak nie kapuję czemu ;)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.