問題タブ [css-counter]

ヘッダーの CSS カウントを実現しようとしています。例のために。

変換されます

それはcssカウンターでうまく機能します。機能しないのは、h2 が h3 の場合です。その結果、h3 見出しは 1.1.1 ではなく「1.0.1」を追加します。これは、h2 見出しがないため、h2 のカウンターが 0 であるためです。

変換されます

これを解決する方法についての提案（それは可能ですか）

ps。見出しの例は、http://jsfiddle.net/6xpveu0t/にあります。

Figure 1、Figure2、 ... Figure 111まで太字の書式設定を適用したいと思います。

HTML と CSS のみを変更でき、JavaScript や jQuery を使用せずにこれを行う必要があります。<strong>HTMLに追加する以外に方法はありますか？

::first letterCSSにはありますが、ありません::first word。%figureCSS で~like を使用できますか?

jQuery を使用して「 」に CSS のcounter-increment属性を設定したいと考えています。.demo:before

問題は、jQuery が疑似要素にアクセスできないことです。別の SO の回答 (今は見つけられないようです) は、データ属性を設定し、その値を CSS 内で使用することを提案しましたが、それも機能しません。これは達成できるものですか？

簡単な例: http://jsfiddle.net/4h7hk8td/

HTML:

JS:

CSS:

CSS を使用して、連続した番号付けと逆順の順序付きリストを取得したいと思います。添付図を参照してください。

当然、結果のリストを逆順、つまり [5]、[4] などにしたいと思います。

CSS 部分を再設計する必要がありますか、それとも単純な変更ですか? 逆番号を取得する方法がわかりません。

PS: コードを質問に入れなかったことをお詫びします。スタック オーバーフローは、プレビューですべてが正しく形成されていたにもかかわらず、何か問題があると言い続けました。それを「修正」しようとして数分後、私は忍耐力を失いました。

counter-resetolがdivにいるときに苦労しています。スニペットの番号付けのレッド リストは次のようになります。

1、2、3

いいえ：

3.1、3.2、3.3、

http://jsfiddle.net/1dab8xs7/1/

以下のコードではdiv、スタイリングのために HTML の上部にある タグを使用する必要があります。divタグが適切に配置されていない場合、hxタグは正しくアウトライン番号が付けられますが、適切divに配置されるとすべてが完全にうまくいきません。私はこれがこのように機能する必要がありますが、タグはまだ配置されていて、異なる ID を持つ div で機能する必要があります。何か案は？div

コードは「ランク」ヘッダーを行としてカウントし、それに1を割り当てていると思います。の最初の数字を変更するにはどうすればよいcounter-incrementですか? 「ランク」ヘッダーに 0 が割り当てられ、次の行が 1 になるように、テーブルを 0 から開始したいと考えています。

http://oi59.tinypic.com/5bsabc.jpg

CSSファイル

JSPファイル

Hugo Giraudelの素晴らしい CSS カウンターの例を実装しようとしているときに、ブラウザーで設定しようとすると失敗します。

counter-resetorを使用していincrementないため、どの参照を変更する必要があるかわかりません。私の例では、カウントする必要がある参照は 2 つしかありません。リンクは正しいように見えますが、カウンターは 1 から 2 に変わりません。

以下の短い例...