要素セレクタ1

要素セレクタとは、CSS側から要素を指定することができる機能です。
例えば、CSSでテーブルの特定セル（要素）の色を変えたりすることができます。
下の例は、行（tr）要素の奇数（Odd）の色を水色に、偶数（Even）の色を白色に変更しています。

---

あんこ	シューマイ
いちご	餃子
アイス	ニラレバ
アメ	チャーハン
チョコ	冷やし中華

---

<style type="text/css">
tr:nth-child(odd) {
    background-color:#CCFFFF;
}
tr:nth-child(even) {
    background-color:#FFFFFF;
}
</style>
<table border="1" boardercolor="#0000FF">
<tr><td>あんこ</td><td>シューマイ</td></tr>
<tr><td>いちご</td><td>餃子</td></tr>
<tr><td>アイス</td><td>ニラレバ</td></tr>
<tr><td>アメ</td><td>チャーハン</td></tr>
<tr><td>チョコ</td><td>冷やし中華</td></tr>
</table>