可能性の重複を数値化インデックスを作成する方法：
Number nested ordered lists in HTML
HTML: ordered sublistsHTML：
私は数値化インデックスを作成します：
1.0
1.1
1.1.1
1.1.2
1.1.3
1.2
2.0
2.1
2.2
最良の方法は何トンoこれは何ですか？ ul、ol？
<ul>
<li><span>1.0</<span>First entry</li>
<li><span>1.1</<span>Second entry</li>
</ul>
あなたがexplisitlyなどをスタイリングのために、何かとしてそれをマークアップする場合を除き、あなたはそれが何をするかは異なる何かをする必要がない限り、あなたが細かい縫い目を行っている何 ...スパンを必要としません今。 1、2、3などで列挙したい場合は、ulの代わりにolを使用できます。
あなたが探しているものは、カウンタを1増やすごとに簡単に作成できます。自分で数字を書く必要はありません。
読むhere
こんにちは、あなたは私が
CSS
body{
counter-reset:section;
}
div{
margin-top:10px;margin-left:10px;
}
.numercal {
counter-reset:subsection;
font-weight:bold;
}
.numercal:before{
counter-increment:section;
content:"Section " counter(section) ". ";
font-style:italic;
color:red;
}
.numercal-no:before{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
HTML
<div>
<p class="numercal">Demo Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
</div>
<div>
<p class="numercal">Demo Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
</div>
<div>
<p class="numercal">Demo Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
<p class="numercal-no">Sub Text here</p>
</div>
ライブDあなたに例を挙げてそれを行うことができますこれについては今よりエモclick herehttp://jsfiddle.net/rohitazad/Xwm3C/1/
行くことを行くあなたは少し以前の投稿をあなたの元の質問を見てください。私はそれに答えた。 – ScottS
@ScottS：あなたは両方の質問の背後にある同じユーザーだと思いますか？彼らは非常に類似している、はい。それはちょうど偶然かもしれません。DavidThomas @ –
- それは同じユーザ数（user1246987）:-) – ScottS