cssをピンポイントで指定する方法

Question

例えばこのような表がある場合
バナナの表記だけ色を変えたい場合
cssはどのようにて書けばいいですか？

<td>りんご</td> <td>バナナ</td>

Answer 1

<td>りんご</td>
<td style="color:blue">バナナ</td> 

「ここだけ」変えたいとなればこのような回答になりますが、他にも似た表があって、「このような条件で」色を変えるということが判明しているなら、CSSでまとめてかけることも可能です。

Comments

[Pin2]

ありがとうございます。
例えば
<tb>りんご</tb>
<tb2>バナナ</tb>

として

tb{

font-color:black;
}

tb2{
font-color:red;
}

とはできないでしょうか？

[maisumakun]

<td class="hoge">バナナ</td>のようにすれば、td.hogeセレクタでCSSをかけられます。

[Pin2]

理解しました。div やspanで囲む必要があるのですね。

[maisumakun]

いえ、ありません（td自体にセレクタを適用できます）。

[Pin2]

td自体にセレクタを適用できる。

わかりました。やってみます。
ありがとうございます！