クラスを複数設定する。

2006年7月 6日 13:02

CSSのテクニックではないですがw
わりと使われてなかったり、本の紹介とかにないような気がしたので、書いてみました。
クラスを複数指定できることはわりと知られてないんですかね?
それとも、どこかで不具合があって使われてないとか…?
とりあえず、自分の検証できる環境で調べた所、問題が出たことはなかったので「不具合なんてない!」と思い込んだまま書きますw

▼EntryMore▼

えぇ、今回は特に文章だけで大丈夫だと思うので、サンプルはありませぬ。
クラスを複数指定するには、半角スペースで区切って複数書くだけ。そんだけですw

<div class="bdr clr">
test text
</div>
こんな感じ。

CSSは例えば、

.bdr{
border: solid 1px;
}

.clr{
border-color: #0000ff;
}

とすると、上で書いたdivは青色(#0000ff)の色の1pxの枠線が描かれます。

すごく便利だと思うんですが、管理が大変だから使われてないのかな?
どうなんだろう。
でも今、CSS管理についてまとめてるところです。
(というか、CSS管理についてどうしたら効率いいかを模索してるところ)
なので、もし「これは!」っていうのがあったら掲載しますw

トラックバックURL

http://css-eblog.com/cgi-bin/mt/mt-tb.cgi/10

コメント

1 - きっぴ さん

idのなかにclassを書いたり、
#jikanwari .ue {background-color:#CAFFF4; text-align:center}
#jikanwari .sita {background-color:#FFFFCC;}

えどさんのように、クラスを複数指定するのも、最近マイブームで(笑)よく使います。

リクエストしちゃっても、いいんですか〜?(*^−^*)
今度、CSSリクエストするのでよろしくお願いしますぅ。

2006年7月 9日 17:50

2 - えど さん

どもです(*'-')
最近少し、カテゴリ部分を変更しましたw
色々情報が探しやすいように。
リクエスト、どんどん送っちゃってくださいw
中にはお?! って思うのもあると思うので刺激になります(=´▽`=)

2006年7月 9日 21:09

コメントを投稿





承認されるまでコメントは表示されません。しばらくお待まちください。