クラスが複数定義できるって知らなかった
ウノウラボ by Zynga Japan: CSSによるデザインワークと相性のよいHTMLって?
上の記事にもあるように、CSSにおいてスペースで区切ることによって
クラスが複数定義できるらしい。
<ul class="menulist alpha"> <li>hoge1</li> <li>hoge2</li> </ul> <ul class="menulist beta"> <li>hoge3</li> <li>hoge4</li> </ul>
こうしておけば、両方のリストに対してCSSを適用させたい場合は
ul.menulist { font-size: 0.8em; font-color: #ccff00; }
などと記述できる。
反対に初めのリストだけにCSSを適用させる場合は、
ul.alpha { font-size: 0.8em; font-color: #cc0000; }
と記述すればOK。