読者です 読者をやめる 読者になる 読者になる

cutmail's blog

write the code

クラスが複数定義できるって知らなかった

css

ウノウラボ 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。