リスト
装飾を行うリストには(list-style
を指定するだけでも)classを指定するようにしましょう。要素に直接スタイルを指定すると、後々上書きする必要が出てくる場合が多いですよ。
パンくずリスト
サンプルソース
<dl id="topic-path">
<dt>現在位置</dt>
<dd><ol>
<li><a href="/">ホーム</a></li>
<li><a href="/">カテゴリ名</a></li>
<li>ページ名</li>
</ol></dd>
<!-- /#topic-path --></dl>
ul
サンプルソース
<ul class="simple-list">
<li>内容</li>
<li>内容</li>
<li>内容</li>
<!-- /.simple-list --></ul>
ol
サンプルソース
<ol class="simple-list">
<li>内容</li>
<li>内容</li>
<li>内容</li>
<!-- /.simple-list --></ol>
dl
サンプルソース
<dl class="simple-list">
<dt>内容</dt>
<dd>内容</dd>
<dt>内容</dt>
<dd>内容</dd>
<dt>内容</dt>
<dd>内容</dd>
<!-- /.simple-list --></dl>