html - 样式 » 内跨度

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; }