ワンポイントアドバイス！
疑似クラス・疑似要素を使って表現の幅を広げましょう。
CSSの記述【疑似クラス・疑似要素】
| 要素名:link | 未訪問のリンク |
|---|---|
| 要素名:visited | 訪問済のリンク |
| 要素名:hover | カーソルが乗っている要素 |
| 要素名:active | クリック中の要素 |
| 要素名:nth-child(n) | n番目の子となる要素 |
| 要素名:nth-last-child(n) | 後ろから数えてn番目の子となる要素 |
| 要素名:nth-of-type(n) | n番目のの要素 |
| 要素名:nth-last-of-type(n) | 後ろから数えてn番目の要素 |
| 要素名:before | 要素の直前 |
|---|---|
| 要素名:after | 要素の直後 |