あと>>13でちょっと気になったんですが
cssを記述する時に

.highlight {
background-color: yellow; /* 背景色を黄色に */
font-weight: bold; /* 太字に */
}

これはなぜ.highlightの記述からはじまるのでしょうか？

span.highlight {
background-color: yellow; /* 背景色を黄色に */
font-weight: bold; /* 太字に */
}

↑
これだと失敗しますか？
この方が分かりやすいというか正確な気がするのですが

もしかしてspanをつけないのは<p>や<div>にも流用できるようにするメリットがあるからなのかな？