0

重複の可能性：
olアイテムのサブ番号の取得html

私は順序付けられていないリストを使用してこのようなことを達成しようとしています：


1.タイトル

目的：ここにいくつかのテキスト...

     1.1オプション11.2
     オプション21.3オプション
     3

2.タイトル

目的：ここにいくつかのテキスト...

     2.1オプション12.2
     オプション22.3オプション
     3


使用してみlist-style: decimal;ましたが、1、2、3などの数値しか得られませんが、1.2、1.3 ... 2.1、2.3などの形式である必要があります。これは、順序付けされていないリストを1つ使用することで実現できますか、それとも複数使用する必要がありますか。 ？

4

3 に答える 3

0

不可能だと思います。ここですべてのlist-style可能なタイプを参照してくださいhttp://www.w3schools.com/Css/tryit.asp?filename=trycss_list-style-type_all

于 2013-02-05T14:51:16.067 に答える
0

私のプロジェクトの1つで、このコードを使用しました（デモ）

（どこから入手したかは覚えていませんが、機能します）

ol{ 
    counter-reset: listing ;
}
li { 
    display: block ;
}
li:before { 
    content: counters(listing, ".") " "; 
    counter-increment: listing ;
}

contentこの方法では、もちろん他の多くのことを制御できます。プロパティを使用して、必要に応じてカウンターをカスタマイズできます。

于 2013-02-05T14:56:24.617 に答える
0

cssのcounterプロパティでブラウザの互換性の問題があるかもしれないと思います。

なぜjqueryを使用しないのですか？

<style type="text/css">
ul
{
    list-style-type: none;
}
</style>    

<ul>
    <li>option 1</li>
    <li>option 2</li>
    <li>option 3</li>
</ul>


<script>
var num = 1.0;
$( "li" ).each(function( index ) {
    var text = $(this).text();
     index++;

     list = num + (index / 10);

     $(this).html(list + " . " + text);

});
</script>
于 2013-02-05T15:29:48.050 に答える