ホームページ作り

止まっていたホームページ作り（リニューアル）が進んできました。
トップページのデザインと作成が終わり、これを基にして各ページのテンプレートを作り、内容を移植していきます。

特定の class が指定された UL タグで囲まれた LI タグの list-style-image を変更するにはどうすればいいのだろう？
とちょっと悩んだのでメモ。

1 段落目と 2 段落目の行頭マークを変更するには以下のようにします。

<style type="text/css">

</style>
<ul class="P1">
  <li>テスト１−１</li>
  <li>テスト１−２</li>
  <ul class="P2">
    <li>テスト２−１</li>
    <li>テスト２−２</li>
  </ul>
</ul>

これで特定の class が指定された UL タグ中の LI タグで示されたアイテムの行頭画像を、段落ごとに分けることができます。