sIFR頭類顏色不變

我有兩個h1類 - 一個需要綠色，一個需要藍色。在sIFR的-配置我有它設置這樣的：sIFR頭類顏色不變

sIFR.replace(aldo, { 
    selector: 'h1', 
    css: '.sIFR-root { color: #b2bc35; font-size: 24px; }' 
}); 

sIFR.replace(aldo, { 
    selector: 'h1.blue', 
    css: '.sIFR-root { color: #569fd3; font-size: 24px; }' 
});

，並在我的代碼我有H1設置是這樣的：

<h1 class="blue">The Need</h1>

然而，顏色沒有改變。有誰知道如何解決這一問題？謝謝！

來源

2009-09-21 nukegara

試試這樣說：

sIFR.replace(aldo, { 
    selector: 'h1.blue', 
    css: '.sIFR-root' { 'color': '#569fd3', 'font-size': '24px' } 
});

來源

2009-09-21 14:40:06 Pete

您好，感謝您的建議 - 它說，有一個語法錯誤，雖然，並且在屬性列表之後缺少a}。我嘗試添加一個，但它沒有解決任何問題。 – nukegara 2009-09-21 15:24:32

您不必使用兩個替換功能，您可以選擇用「sIFR的根」，之後的h1.blue標籤h1標籤。像這樣：

sIFR.replace(aldo, { 
    selector: 'h1', 
    css: [ 
     '.sIFR-root {color: #b2bc35; font-size: 24px;}', //this is the h1 tag itself 
     '.blue {color: #b2bc35; font-size: 24px;}' 
     ] 
});

編輯：其實我不知道是這樣工作的...它的工作，對於像鏈接（一），但不知道它會帶班工作。

來源

2009-09-21 15:27:14 Kablam

是的，它沒有改變任何東西，但沒關係，我只是稱它爲一個div，現在看起來就像我想要的那樣。 – nukegara 2009-09-22 15:34:18

替換h1已經負責替換h1.blue。首先替換h1.blue會讓你定義不同的樣式。

您也可以將<h1>中的文本包裝在<span class="blue">中，然後使用.blue作爲選擇器以使文本呈現藍色。

來源

2009-09-27 11:41:51

從sIFR 3文檔：如果您想使用通用選擇器和更具體的選擇器，請確保首先替換最具體的選擇器。即「h1.foo」比「H1」在頁面上的

所以它只是一個重新排序的元素的事：

sIFR.replace(aldo, { 
    selector: 'h1.blue', 
    css: '.sIFR-root { color: #569fd3; font-size: 24px; }' 
}); 

sIFR.replace(aldo, { 
    selector: 'h1', 
    css: '.sIFR-root { color: #b2bc35; font-size: 24px; }' 
});

來源

2010-03-29 13:53:56 Adam

sIFR頭類顏色不變

回答

相關問題