【HTML】
<ul>
<li class="selected">ABCDE</li>
<li>12345</li>
<li>abcde</li>
</ul>
【CSS】
li {
color: red;
}
.selected {
color: green;
}
同じ要素でも違う特徴を与えたい場合、
HTML内でそれぞれ名前を持たせ
名前ごとに特徴を与えることができます。
例のように
<li>という同じ要素の
ABCDE
１２３４５
abcde
のうち
１２３４５と
abcdeは赤、
ABCDEは緑
にしたい場合は
selectedという
class（名前）を与えることで
ABCDEを他の2つと区別します。
そして、CSSで
li {
ではなく
.selected {
とclassを入力することで
色を指定できます。