html - CSS による特定の文字の色付け

Question

私が求めているのは、ページ全体でコードの 1 文字だけに色を付けることです。

各単語間の行は、残りのテキストとは異なる色にしたいものですが、色を変更するためだけに各単語に恐ろしく追加するのではなく、CSS でこれを行いたいと考えています。

ウイルス対策エンドポイント | ディスク暗号化 | UTM | メールと Web セキュリティ

CSSで可能ですか？

これが私が試みたものですが、私は近づいているとは思いません。

  | {
     color:#00FF00;
     }

Answer 1

Another solution would be encapsulating the text (not the separators) inside <span/>s, and use :after pseudo-element to create the separator.

Then, specify that, for the last element, the separator is not required:

HTML

<div class="separator">
    <span>Anti-virus End Point</span>
    <span>Disk Encryption</span>
    <span>UTM</span>
    <span>Email and Web Security</span>
</div>

CSS

.separator > span:not(:nth-last-child(1)):after {
    content: ' | ';
    color:#00FF00;
}

Demo: http://jsfiddle.net/j9kZS/1/

Answer 2

| のそれぞれをラップする場合 使用できるクラスを持つスパン内の文字：

<span class="separator">|</span>

.separator {
    color: #0F0;
}