如何建立帶有小 Alpha 標記和右括號的 HTML 有序列表？

HTML 中的有序列表：帶有右括號的Lower-Alpha

「lower-alpha」的標準有序列表類型使用句點“ ”。作為列表標記。有沒有辦法修改它以使用右括號，從而產生像 a)... b) 等的序列？

解決方案

CSS 提供一種稱為計數器的功能，它允許自動建立序列，例如章節編號。透過適應這個概念，我們可以用右括號實現我們想要的較低的 alpha 清單。

這是一個程式碼片段：

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

「counter-reset」屬性初始化一個名為「的計數器」 list」為有序列表。 「清單樣式：無；」刪除原生清單符號。 (list, lower-alpha)」使用小寫字母字元(a)、b) 等進行計數。

新增右括號和空格可建立所需的格式： a)

• 結果清單將顯示為如下：
• `自訂清單樣式類型（v1）：

1. 數字1

數字2

2. 數字3
3. 數字 4


4. 數字 5


5. 數字 6

ol>`

以上是如何建立帶有小 Alpha 標記和右括號的 HTML 有序列表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！