異なる要素 リンク色 変更

方法１
<a href="http://example.jp/" style="color: red;">色を変える部分</a>
<a href="http://example.jp/"><span style="color: red;">色を変える部分</span>色を変えない部分</a>

方法２

<a class="example" href="http://example.jp/">色を変える部分</a>

a.example:link { color: #0000ff; }
a.example:visited { color: #000080; }
a.example:hover { color: #ff0000; }
a.example:active { color: #ff8000; }/>

方法１が一番簡単。方法２はクラス名を指定して別途cssで変更する方法ですがchromeでしか動作確認ができませんでした。