【发布时间】：2012-12-11 00:17:22
【问题描述】：
假设我有一个看起来像这样的跨度：
<span> This is my string » and it continues </span>
我希望跨度内的字体颜色为黑色，但我希望它为红色的 » 除外。
这样做的好方法是什么？
谢谢
【问题讨论】：
【发布时间】：2012-12-11 00:17:22
【问题描述】：
最好的 HTML/CSS 方式是
<span> This is my string <span>»</span> and it continues </span>
并随心所欲地设计你内心的<span>
span { color: #000 }
span span { color: #c00 }
【讨论】：
用另一个 <span> 标记将其包裹起来。
最好的方法是用另一个<span>标签这样包裹它：
<span> This is my string <span class="r">»</span> and it continues </span>
并以这种方式赋予风格：
span span.r {color: red;}
【讨论】：
您可以尝试将 &raquo; 包装在另一个元素中并为其设置样式。
html：
<span> This is my string <em>»</em> and it continues</span>
css：
span { color: #000000; }
span em { color: #ff0000; font-style: normal; }
【讨论】：
-
为什么在这里滥用
<em>？<em>是一个表示强调的语义元素。这听起来不像 OP 想要的，尤其是因为您通常会强调内容，而不是排版。 -
OP 没有提供上下文，因此 可能非常合适 - 我们没有足够的信息来判断您的滥用指控。我在 HTML 中看到的更常见的错误是使用 和而不是适当的语义元素。使用不同的颜色是强调，不是吗？我也可以在这里轻松地使用
<strong>，但使用较短的标签。