具有内部跨度的 sIFR 标头答案

【问题标题】：sIFR header with inside span具有内部跨度的 sIFR 标头
【发布时间】：2010-04-02 17:38:48
【问题描述】：

我遇到以下情况：

<h2>This text is <span>pretty awesome</span></h2>

我试图给这两种不同的风格（只有 css）：

h2 { font-size: 21px; text-transform: uppercase; line-height: 37px; height: 36px; text-align: right; margin-right: 10px; }
h2 span { font-size: 16px; color: #666666; text-transform: lowercase; }

现在只需像下面这样调用它就行了，并且只显示一般的 H2 样式：

sIFR.replace(headache, { selector: 'h2', css: ['.sIFR-root { stylesforh2 } '], wmode: 'transparent' });
sIFR.replace(headache, { selector: 'h2 span', css: ['.sIFR-root { stylesforspan } '], wmode: 'transparent' });

这也不起作用：

sIFR.replace(headache, { selector: 'h2', css: ['.sIFR-root { stylesforh2 }, span { stylesforspan} '], wmode: 'transparent' });

我是 sIFR 新手，我可能做错了什么傻事，但我想不通。有人可以告诉我它是如何正确完成的吗？

使用 sIFRT 版本 3，修订版 436。

提前发送

【问题讨论】：

标签： css-selectors sifr header html

【解决方案1】：

显然它不能与跨度一起使用。用em 解决了它

【讨论】：

是的，Flash 就是这样做的。你可以给 span 一个类 (<span class="foo">) 并使用它 (.foo)。