2010-04-15 85 views
2

我在基於ExtJS的應用程序中遇到問題,但是,我不認爲問題是ExtJS特定的(我可能是錯的,但我懷疑不是)。如何覆蓋IE6中的通用選擇器字體大小

的問題是,我有一個普遍的選擇,像這樣:

* { 
    font-family : arial; 
    font-size : 10pt; 
    font-weight : bold; 
} 

後來我有一些標記(通過ExtJS的生成)所看到螢火蟲:

<td class="x-date-active" title=""> 
    <a tabindex="1" class="x-date-date" hidefocus="on" href="#"> 
    <em> 
     <span>20</span> 
    </em> 
    </a> 
</td> 

這是一個日曆小部件上的日期。現在,我遇到的問題是我需要在測試中調整字體大小。因此,我嘗試覆蓋x-date-active和x-date-date類,如下所示:

.x-date-active { font-family:arial; font-size:8pt; color:#ff0000; }

x-date-date類的內容相同。紅色的作品,所以我知道我的目標是正確的風格。但是,字體大小不生效,通用選擇器中指定的大小會繼續。這僅發生在IE6中,它在Firefox中按預期工作。我已經嘗試添加!對font-size屬性很重要,但這沒有幫助。

只要字體大小在IE中,是否有覆蓋通用選擇器的問題?我花了大約兩個小時谷歌搜索無濟於事。任何幫助將不勝感激!

回答

1

你就把自己使用通用選擇傷害的世界,但嘗試你的CSS文件的底部添加以下代碼:

.x-date-active * { font-size: 8pt; } 
+0

感謝菲爾,那確實工作...並且我知道你對通用選擇器是正確的,但它是一個具有很多「遺留」(ahem)的較舊項目來支持......比我想要擺脫選擇器更多的工作,但是使用覆蓋工作我很好去。謝謝! – 2010-04-19 15:44:34