用于在2个标签之间定位文本的CSS规则

Question

HTML：

<p>
    <span>blah</span>
    blah
    <span>blah</span>
    lorum ipsum
    <br>
    <span>blah</span>
    blah
    <span>blah</span>
    lorum ipsum
</p>

鉴于这个HTML，有没有什么方法可以设置所有blah一种颜色（在和内部）的样式，并将剩余的文本设置为不同的颜色？它必须是支持IE7及更高版本的纯CSS解决方案。

显然我可以这样做：

p {
    color:#000;
}
p span {
    color:#f00;
}

但这会留下一个blah黑色。

Answer 1

  

有什么方法可以设置所有blah一种颜色的样式，并将剩余的文字设置为不同的颜色？

使用纯CSS无法做到这一点。

您需要更改标记（添加另一个语义范围），或者使用一些JavaScript在运行时修改标记。

从远处看，如果您的span文字全部放在第一行，则可以设置:first-line的样式。