はいどうぞ
https://kuroeveryday.blogspot.jp/2017/03/css-structure-and-rules.html
どれもひどいもんだね
俺のやり方ではこの例はこうなる
<h1>title</h1>
<ul class="menu">
<li>link</li>
<li class="active">active</li>
</ul>
HTMLもシンプルだし最低限のclassしか必要としない
menuという起点となるclassがあって
liはulの直下と書けば良いのだから不要
どうしても無理なパターン（この場合はactiveが近いな）にのみ
classをつける
