3

親リストの項目番号を維持するには、順序付きリストをインデントする必要があります。

私が持っているもの：

 // My code:
 <ol>
      <li>Item 1</li>
      <li>
           Item 2
           <ol>
                <li>Item 2.1</li>
                <li>Item 2.2</li>
           </ol>
      </li>
      <li>Item 3</li>
 </ol>

などなど。

結果として私が今得ているのは：

      // Result:
      1. Item 1
      2. Item 2
           Item 1
           Item 2
      3. Item 3

私が探しているのは：

      // Looking for:
      1. Item 1
      2. Item 2
           2.1 Item 2.1
           2.2. Item 2.2
      3. Item 3

何か案は？

4

2 に答える 2

0

これを行うには、カウンターを使用できます。

OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, ".") " "; counter-increment: item }
于 2013-01-29T07:37:52.590 に答える
0

DONの回答に触発されて、私はcountersプロパティをいじって、次のことを実行することができました。

 ol {
     counter-reset: item;
     list-style-type: none;
 }

 ol li:before {
     font-weight: bold;
     content: counters(item,".")".   "; 
     counter-increment: item;
 }

 ol ol {
     counter-reset: subitem;
     list-style-type: none;
 }

 li li:before {
     content: counters(item,".")"."counters(subitem,".")".   "; 
     counter-increment: subitem;
 }

コンテンツ要素がよくわからないため、これが最もクリーンなソリューションであるとは確信していませんが、これにより、親コンテナの最後のリストアイテムに従ってサブレベルのリストアイテムが増加する順序付きリストが確実に得られます。

于 2013-01-30T06:52:21.637 に答える