CSSの基礎：「>」の使用について

CSSの基礎について質問させてくださいませ。
※CSSの記載ルールについて、いろいろ検討しているモノです。

「スタイルの打ち消し」はバッドプラクティスという文言を目にしました。
確かに、何度も「スタイルの打ち消し」処理を行っていると、パフォーマンスの低下や、
冗長化につながってしまうのかな？という予想はもっております。

それを防ぐ方法はいろいろあると思いますが、今回は「>」を使用して詳細度を高める方法は、
実際の現場で幅広く採用されているのか。と、疑問に思い投稿させていただきました。

「>」の記載方法はルールとして採用されておりますでしょうか？？

■記載例
【html】

lang
1<div id="menu">
2    <ul>
3    <li><a href="">links</a></li>
4    <li><a href="">links</a></li>
5    <li><a href="">links</a></li>
6    </ul>
7    <div id="submenu">
8        <ul>
9        <li><a href="">links</a></li>
10        <li><a href="">links</a></li>
11        <li><a href="">links</a></li>
12        </ul>
13    </div>
14</div>

【css】

lang
1/* 打ち消しタイプ */
2#menu ul li{border-bottom:1px dashed #0066CC;}
3#submenu ul li{border-bottom:1px dashed #F00;}
4
5/* > を使用したタイプ */
6#menu > ul > li{border-bottom:1px dashed #0066CC;}
7#submenu > ul > li{border-bottom:1px dashed #F00;}

※sass,lessは話題に含まない方向でお願いします。

よろしくお願いします。