Chapter 06

練習問題2

Arisa Fukuzaki
Arisa Fukuzaki
2020.10.11に更新

共通するコンポーネントに、共通するclass名を付与しよう!(所要時間の目安: 10〜15分)

要件

チャプター4と5で取り組んだ、共通するコンポーネントを色ごとに区切った完成見本を参考にしながら、共通のスタイルを持つコンポーネントに、共通するclass名を付与しましょう。

game_select_screen_components

スターターフォルダを、以下よりダウンロードして取り組んでください。

スターターフォルダ名は、「lesson5-oocss-game-starter」です。

スターターフォルダ

class名を付与する際に、以下の項目をヒントに取り組みましょう。

  1. CSSファイルに付与すべきclass名をセレクタ名で用意しています。コメントアウトをヒントに探してHTMLファイルの該当要素に付与しましょう