単一の要素に複数のclassを設定する方法

このエントリーをはてなブックマークに追加

cssでは1つの要素に対して半角スペース区切りで複数のクラスを割り当てることができます。
使いどころが難しいのがたまに傷

cssに記述するコード
li.sidemenu{
height:20px;
width:100px;
border-bottom:1px black solid;
}
li.sidemenu_last{
border-bottom:none;
}

(x)htmlに記述するコード
<li class="sidemenu">リストリスト</li>
<li class="sidemenu">リストリスト</li>
<li class="sidemenu">リストリスト</li>
<li class="sidemenu sidemenu_last">リストリスト</li>

これだと最後だけボーダーが記述されないリストが記述可能です。

スポンサードリンク

«cssで画像をプリロードする方法(改 | メイン | 関連するエントリーを表示する方法»

このエントリーのトラックバックURL
http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/1423
トラックバック内容
» preloader.js - Ajax Image Preloader from BLOG × WORLD ENDING
画像をプリロードするにはDreamweaverのMM_preload()のようなJavaScriptを使った昔ながらの方法があったりCSSを使った方法が...
コメントを投稿