0

以下のような順序付きリストを作成したいと思います。番号付けを以前のように分割することが不可欠です。つまり、2 の後に 2A、6 の後に 6A、6B、6C の後に 7 が続きます。

1.  Text goes here
2.  More text here
2A. This is what I need
3.  List continues like this
4.  And it goes on
5.  And on
6.  But here
6A. There is another sub section
6B. And another
6C  And another
7.  Is this possible?
8.  Please guide me.

編集: ここで私がしようとしていることは、憲法の一部をデジタル化することです。セクション 1、2、3、4、5、6、および 7 があり、修正によりセクション 2A、6A、6B、および 6C が挿入されました。このようにセクションの番号を付け直したり、新しいセクションを挿入したりすることを避けることは紙の上では理にかなっていますが、私はそれを純粋に HTML で行いたいと考えています。私はサーバー側のスクリプトを使用しておらず、HTML、CSS のみを使用しており、Java が少し含まれている可能性があります。

私がすでに持っているコードは単純なリストです:

2 の後に 2A をブレークして挿入し、3 で続行することは可能ですか? テーブルを使用してみましたが、コピーと貼り付けに適していないため、このアイデアは気に入りませんでした。

4

2 に答える 2

1

これは、@Jorenが言及したカウンターを使用した、機能するフィドルです。

http://jsfiddle.net/erKURITA/EruGX/7/

基本的に必要なのは、ネストされた要素と li 要素を対象とするいくつかのセレクターです。

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

:not(li) > ol > li {
    counter-increment: index;
}

li > ol > li:before {
    counter-increment: sub_index;
    content: counter(index,decimal)'.'counter(sub_index,upper-alpha)' ';
}

:not(li) > ol > li:before {
    content: counter(index,decimal)' ';
}

最上位の li に「トップ」クラスを追加すると、準備完了です。

編集:クラスを使用しないバージョンで更新

于 2013-10-04T12:51:54.453 に答える