<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タグを使ったセレクタを避ける。