ugrás a tartalomhoz

CSS - ki az erősebb?

warnew · 2006. Okt. 12. (Cs), 12.33
Adott az oldal, benne divek:
  1. <div id="content">  
  2.  <h2>foo</h2>  
  3.  <div class="newsbox">  
  4.   <h2>bar</h2>  
  5.  </div>  
  6. </div>  
content.css
...
  1. #content h2 {  
  2.   font-size       : 15pt !important;  
  3.   display         : block;  
  4. }  
...

news.css
...
  1. .newsbox h2 {  
  2.   font-size         : 14px !important;  
  3. }  
...

def.css
...
  1. @import url("content.css");  
  2. @import url("news.css");  
...

Ennek ellenére (firefoxban) a newsboxban lévő h2 15 pontos betűkkel jelenik meg. A content fontméret importantja hasonló problémák miatt van ott, de itt a két important már megint egyforma "erős" lesz.

Mit lehet ez ellen tenni?
‹ form - a dizájn rontó? nyirszikszi.hu/infotanar oldalhoz kérek design segítséget ›
 ■
1

rtfm :)

Anonymous · 2006. Okt. 12. (Cs), 12.43
http://www.w3.org/TR/CSS21/cascade.html#specificity
2

ID erősebb mint class

Jano · 2006. Okt. 12. (Cs), 12.48
Az id-s kiválasztód erősebb mint a class-os.
3

Ajánlott oldal :)

Jano · 2006. Okt. 12. (Cs), 12.51
CSS: Specificity Wars
4

új ie dom inpector

Anonymous · 2006. Okt. 12. (Cs), 13.46
már kiírja, ill. monitorozza is dom változást

http://www.ieinspector.com/dominspector/

üdv t
5

előbbi üzenet, alábbi user volt

toxin · 2006. Okt. 12. (Cs), 13.47
ill. ez már majdnem FireBug, persze mint minden m$ fizetős, ... :P ( de már ideje volt...)

üdv t

ui: már számomra új persze :) (tegnap fedeztem fel, utoljára v1-et láttam még aug-ban, ez meg a v2)
6

thx

warnew · 2006. Okt. 13. (P), 16.09
köszi