下位アルファのマーカーと右かっこを使用した HTML 順序付きリストを作成するにはどうすればよいですか?

HTML の順序付きリスト: 右括弧付きの下位アルファ

「下位アルファ」の標準の順序付きリスト タイプでは、ピリオド " が使用されます。 。」リストマーカーとして。これを変更して代わりに右括弧を使用し、a)...b) などのシーケンスにする方法はありますか?

解決策

CSS が提供するものカウンタと呼ばれる機能により、章番号などのシーケンスを自動作成できます。この概念を適応させることで、右括弧を使用して目的の下位アルファ リストを実現できます。

コード スニペットは次のとおりです:

ol {
  counter-reset: list;
}
ol > li {
  list-style: none;
}
ol > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

「counter-reset」プロパティは、「」という名前のカウンターを初期化します。 list」は順序付きリストの場合です。 "リストスタイル: なし;"ネイティブ リスト シンボルを削除します。

重要なステップは、「li:before」セレクターです。各リスト項目の前にコンテンツを挿入します:

• "counter(list, lower-alpha)" は下位アルファ文字 (a)、b) などを使用してカウントします。
• 右括弧とスペースを追加すると、目的の形式が作成されます。 a)

結果のリストは次のように表示されます。以下:

`カスタム リスト スタイル タイプ (v1):

1. 数値 1

< ;li>番号 2

2. 数字 3


3. 数字 4


4. 数字 5


5. 数字6

以上が下位アルファのマーカーと右かっこを使用した HTML 順序付きリストを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。