html - h2 の 2 番目の単語の色を変更する CSS

Question

こんにちは、CSS を使用して 2 番目の単語を異なる色で一列に並べる方法はありますか?

例：

<h2>Change color by css</h2>

ここで「色」を変更したいのですが、別の色になります。

Answer 1

HTMLでは

<h2>Change <span class ="color">color</span> by css</h2>

次に、スタイルシートの CSS

.color {color: blue;}

青を好きな色に置き換えます

Answer 2

それを実現するには、要素のスタイルを設定する必要があるため、 を追加しspanてスタイルを設定する必要があります。または、この特定の単語がある程度強調して使用されている場合は、emまたはかもしれません。strong

フィドル: http://jsfiddle.net/zrsaW/

私はすべて要素でスタイルを設定しspanましたh2が、実際には、通常、このスパンにクラスを追加し、このクラスをスタイル指示のセレクターとして使用します;)