Excercise

「うれしいこと」と「かなしいこと」を表現するための、 p要素用のclassを定義し、それを使い分けたHTML文書を書け。
今月のカレンダーを作成せよ。ただし日曜日、月曜日、～、土曜日を表現するためのth要素用のclass(7つ)と休日(赤)と土曜日(青)を表現するtd要素用のclass(2つ)を定義し(全7個)、曜日見出しと土日祝祭日の日付文字を色分けすること。　
でき上がり見本

上記のtableの曜日見出しは、HTMLで

 <tr><th class="sun">日</th><th class="mon">月</th>
     <th class="tue">火</th><th class="wed">水</th>
     <th class="thu">木</th><th class="fri">金</th>
     <th class="sat">土</th></tr>

のように記述することを期待している。これを改良し

 <tr><th>日</th><th>月</th><th>火</th><th>水</th>
     <th>木</th><th>金</th><th>土</th></tr>

というHTML記述だけで同様の効果が得られるようにCSS定義を書き直せ。

【ヒント】 :first-child擬似クラスと隣接兄弟選択子を利用する。

練習問題

問題

考察