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