Home > Archives > 2007年7月 5日 Archive
2007年7月 5日 Archive
同時に2つの class を指定する方法
- 2007年7月 5日 01:44
- html/css
以前からどうにかしてできないかなと思っていたんですが、この方法を知ってかなり驚きました。なぜかというと、例えば foo , bar という2つの class を指定する場合は間に半角スペースを入れてやるだけ。簡単です。
<div class="foo bar">
<p>テキスト</p>
</div>.foo { /* ボックスのサイズを定義 */
width: 200px;
height: 200px;
}
.bar { /* ボックスのスタイルを定義 */
border: 4px solid #9c0;
color: #9c0;
text-align: center;
background-color: #666;
}結果を見ると、ボックスに両方のクラスが適用されていることが分かります。
- Comments: 0
- TrackBacks: 0
- Search
- Feeds