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头类颜色不变

回答

相关问题