造型»内跨度

Question

假设我的跨度看起来像这样：

<span> This is my string &raquo;  and it continues </span>

我希望该跨度内部的字体颜色为黑色，除了»我希望它是红色的。

这样做的好方法是什么？

由于

Answer 1

最好的HTML / CSS方式是

<span> This is my string <span>&raquo;</span> and it continues </span>

并根据需要为内部<span>设置样式

span { color: #000 }
span span { color: #c00 }

Answer 2

用另一个<span>标记包裹起来。

最好的方法是用另一个<span>标记用这种方式包装它：

<span> This is my string <span class="r">&raquo;</span>  and it continues </span>

以这种方式给出风格：

span span.r {color: red;}

Answer 3

您可以尝试将»包装在另一个元素中并设置样式。

<强> HTML：

<span> This is my string <em>&raquo;</em> and it continues</span>

<强>的CSS：

span { color: #000000; }
span em { color: #ff0000; font-style: normal; }