CSSの設計書、を読んで！

CSS_KeyPoints.md

クラス、idセレクタ

<article>
  <h1>タイトル</h1>
  <div>
  <p>本文</p>
  </div>
</article>

これを

<div>
  <h2>タイトル</h2>
  <div>
  <p>本文</p>
  </div>
</div>

へと、変更したくなった時に備えて、CSSは、classを使って

.entry-title {
  border-bottom: 2px solid #000;
  margin-bottom: 1em;
  padding: 10px;
  font-size: 24px;
  font-weight: bold;
}

としておく。

article h1 {
  border-bottom: 2px solid #000;
  margin-bottom: 1em;
  padding: 10px;
  font-size: 24px;
  font-weight: bold;
}

とかはダメ。つまり、HTMLタグを使ったセレクタを避ける。

スタイルの取り消しは使わない