2009-08-23 102 views
1

我想重寫設置已經與選擇 家長選擇定義,但我不知道怎麼辦。 說,還有一個網站上的兩頁類似下面的...Sifr3 - 是否可以使用父選擇器覆蓋CSS樣式?

- 首頁頁面 -
<body><h1 class="sifr">Home</h1></body>

- 關於PAGE-
<body class="about"><h1 class="sifr">About</h1></body>

然後,我在sirf-有這些config.js ...

sIFR.replace(字體名,{ 選擇: 'h1.sifr', CSS: '.sIFR根{顏色:#666666;字體大小:29px;}' });

sIFR.replace(字體名,{ 選擇: 'body.about h1.sifr', CSS: '.sIFR根{顏色:#FFFFFF;字體大小:29px;}' });

,但它不工作...

如果有人幫助我,我將不勝感激。

+0

謝謝你的答案,但是這是sIFR的-config.js具體問題。我知道如何簡單地處理CSS而不是使用sifr;顯然不是這種情況。我仍然努力做到這一點,請別人幫忙!我可能應該標記JavaScript以及.. – 2009-08-23 23:33:23

回答

0

h1.sifr之前運行替換body.about h1.sifr。 sIFR不計算特異性,但按順序執行替換。更換h1.sifr代替所有這些元素,所以只body.about h1.sifr發現已經被替換元素。

+0

非常感謝。你是明星!我不知道這件事,但現在我越來越喜歡sifr了! – 2009-09-05 19:23:34

0

檢查您的加載CSS VS發出替換命令...

0

我不使用sIFR的,所以我並不確切地知道它是如何工作的順序。我假設的代碼創建CSS代碼:

h1.sifr { color: #666666; font-size: 29px; } 
body.about h1.sifr { color: #FFFFFF; font-size: 29px; } 

如果確實如此,這將覆蓋色彩風格在有關網頁的標題,作爲第二線的選擇比選擇更具體第一行。

你可以閱讀更多關於特異性here

如果它不工作,那是因爲有東西在你的代碼並不像你想象的那樣,它很可能是東西,你有沒有看到您的代碼的其他部分這是造成問題的原因。

您可以使用Firebug的插件在Firefox檢查在頁面中的元素,看看到底哪個CSS是影響每個元素。