「 JavaScript でハンバーガーメニューを作ろう」や「 JavaScript でモーダルウィンドウを作ろう」でクラスを追加する際には
.overlay.show{} や#modal.hidden{} の様に、クラス名を末尾に記載しています。

しかし今回は dl > div.appear dd{} と記載（ = クラス名が末尾ではない）されております。
初歩的な質問なのかもしれませんが、クラス名の記載方法でルール等を教えて頂けないでしょうか？