セレクタの指定方法-5年目の真実その２-

前回、clearfixのお話をしましたが･･･
まだ、私の知らない真実があったようです。
しかも超初歩的なこと。

今まで、
<div id="main">
  <ul>
    <li id="here">いち</li>
    <li>に</li>
    <li>さん</li>
    <li>よん</li>
    <li>ご</li>
  </ul>
</div>
こういう場面において
id="here"に対してCSSで指定をしたいときは

#main ul #here { プロパティ; }
と書いてごまかしてきたが

実は
#main ul li#here {プロパティ;}
って書けばいいんですよね！？

今までずっと、このくっつける記述方法を知らなくて
なんか違和感あるなーって思ってたんですが、

#main ul li #here （#mainの中のulの中のliの中の#here）じゃなくて
#main ul li#here （#mainの中のulの中の、#hereが指定されてるli）ってことなんですね！？

もうなんだか泣きたいです。