問題タブ [css-counter]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - アラビア語の番号付きリストが機能しない
オーダーリストに順番にデータを表示する必要があります。例 1、2、3、3.1、3.2、4.....
次の CSS を使用すると、英語では適切な順序で目次が表示されますが、同様のものをアラビア語で表示する必要がある場合、アラビア語では機能しません。使用するとアラビア数字が表示されますul
が、次のような書式設定が失われます3.1, 3.2....
順序付きリストに目次を表示するように順序リストをフォーマットするにはどうすればよいですか
- 1
- 2
- 3
- 3.1
- 3.2
- 3.3
- 4
- 5
css - CSS を使用した順序付きリスト番号のサブ項目のスタイル設定
順序付きリストには別のデザインを使用します。だから私はここSOで素晴らしい解決策を見つけました。
リスト内のサブアイテムにこのスタイルを使用しないようにするにはどうすればよいですか? 私のクラスの条件が機能していないのはなぜnone
ですか? また、同じクラスの 2 番目の順序付きリストが必要な場合は、どうすればよいですか。1 で始まる必要があります。<ol class="numbered_style" start="1">
助けにはなりませんでした。2 や 1.1 のような番号を指定して番号付きリストを開始することはできますか? 通常ol
は を使用できますstart="number"
が、 のために無効になっていると思いますol.numbered_style { list-style: none; }
。
css - list-style-type に相当する CSS カウンターはありますか?
CSS には の値の素晴らしいコレクションがあります。list-style-type
それらを の値として使用する方法はありcontent: counter(steps)
ますか?
list-style-type: persian
対価で使いたい。
結果は次のようになります。
css - CSS カウンターの使用
それぞれが別の要素にネストされている場合、要素をカウントするにはどうすればよいですか?
css - CSS カウンターで隠し要素を数える
要素が設定されている場合、要素をカウントから除外するにはどうすればよいdisplay: none;
ですか?
css - CSS カウンター プロパティを使用して、ネストされたリストに文字付きの数字を含めるスタイル付き順序付きリスト
私は私の質問からのよう<li>
に私の下から - 要素に文字を追加したい:<ol>
li::before { content: " a ";}
ませんでした。また、2番目のカウンターを追加すると、次のような英数字パターンで次の要素を生成できるソリューションも必要ですlist-style-type: lower-alpha;
javascript - カウンターインクリメントが動的に機能しない?
以下に示すように、新しい件名が生成されるたびにカウンタ増分番号を動的に変更することは可能ですか?
新しい件名を動的に生成するときにカウンター増分番号が変更されていませんか?
私はまだコーディングが初めてなので、新しいフィドルを提供していただければ幸いです。
ありがとう!
HTML:
CSS:
JQuery:
html - CSS カウンターを使用して、カウンター リセットでサブセクションを作成する
サブアイテムを示すアイテムをインクリメントする CSS カウンターを取得しようとしています。おそらく、HTML がネストされていないため、リセットが期待どおりに機能していないように見えます。誰かが理由を理解するのを手伝ってくれますか? ボディ セレクターのカウンターをリセットするsub-item
と、すべてのサブアイテムがアイテムと同じように扱われ、2 回目のリセットは無視されます。
CSS 定義:
HTML 本文:
便宜上、jsfiddleを次に示します。