2009年7月3日金曜日

CSSの記述方法(応用編)

入れ子構造の場合の記述方法を記載する。

CSSで
#hoge ul li {
display: inline;
margin-right: 10px;
}
と記述するとidがhogeの中のulタグの中のliタグに適用される。
HTMLの例は以下

<div id="hoge">
<ul>
<li>あいうえお</li>
<li>かきくけこ</li>
</ul>
</div>
表示結果は以下
  • あいうえお
  • かきくけこ

0 件のコメント:

コメントを投稿