CSSを書くにあたって

CSSを書く際、基本的にclassに対して見た目を変更していくことが多いです
(なぜidではないのか、というのは優先度の関係などによるものです)

例.

<div class="big-text">hello!</div>

.big-text {
  font-size: 5000px;
}

また、次のように階層構造にして書くこともあります

<div class="item">
  <div class="item-text">aiueo</div>
  <button class="item-button">これはボタン</button>
</div>

.item {
  background-color: #eeeeee;
}

.item-text {
  font-size: 50px;
  color: #080808;
}

.item-button {
  background-color: #ff0000;
  color: #ffffff;
}