問題タブ [css-counter]

CSS カウンターに問題があります。

headings1 つのインデックスと他のインデックスの2 つのカウンターを設定しましたimages。ただし、正しく機能するのは 1 つだけです。もう 1 つ (画像用) は、すべての画像の説明で 1 しか表示されません。ここで例を見ることができます

それを修正する方法を知っていますか？カウンターが 1 つしかない場合は、正常に機能します。で画像を個別にインデックス付けしたいheadings。

2 つの異なるカウンターを持つ<ul>-list があります。

このリストは、li.letteredアイテムを A.、B. などで適切にカウントします。ただし、li.numberedアイテムは常に「1.」で始まります。カウンター リセットの順序を に切り替えるとcounter-reset: numberCounter, alphaCounter;、数字は正しくカウントされ、文字は常に "A." で始まります。

私が読んだところによると、私はリストを適切に設定しましたが、どうやらそうではないようです。これについて何か助けはありますか？

HTML

SCSS

現在、リストは次のように並べられています。

1. アイテム1

1.1。アイテム2

2. アイテム1

2.1. アイテム2

2.2. アイテム3

リストの先頭で順序を 1 レベルずつ増やす方法はありますか? 2 番目は: 2.1<ol>で始まります。アイテム12

1.1。アイテム1

1.1.1. アイテム2

1.2. アイテム1

1.2.1. アイテム2

1.2.2. アイテム3

-------同じ親の次女---------

2.1. アイテム1

2.1.1. アイテム2

2.2. アイテム1

2.2.1. アイテム2

2.2.2. アイテム3

ペンはこちら: http://codepen.io/simPod/pen/wawOLd

I want to use a counter-increment on ordered lists. I want each ol to continue on the previous count.

It works when I don't have separate wrapping divs around the ols. Note that it works for the second ol which is within the same wrapping div, but it stops working for the next two ols which has a separate wrapping div:

http://jsfiddle.net/graphic_dev/Lsn49t16/1/

HTML

CSS

How do I get it continuing the count for each ol? I need the wrapping divs

divタグ付きのタグがありますspan。divCSS または JavaScript でクラス名を使用してタグの番号付きリストを追加する方法

この Mozilla の記事を例として、 「 CSS カウンターOL」を使用してカスタム Ordered List() を作成しようとしました。

.fooこのjsFiddleに示すように、最後の OL を という名前の DIV コンテナーにラップして、少し変更する必要があります。

ラッパーを追加すると、カウンターはリセットされなくなり、数値は 4.1 および 4.2 から継続します。なんで？コンテナ内にラップされていても新しいカウンターをリセットする方法は? ありがとう