如何在不使用 Span 元素的情況下變更 HTML 清單中的項目符號顏色？

如何在沒有Span 元素的HTML 清單中修改項目符號顏色

在某些情況下，您可能需要變更清單中項目符號的顏色HTML 列表，無需在

內新增元素標籤。這是一個巧妙的解決方案，避免使用跨度。

要實現這一點，請利用 :before 偽元素：

li {
  list-style: none;
}

li:before {
  /* For a round bullet */
  content: '22';
  /* For a square bullet */
  /* content: 'A0'; */
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: 0;
  color: green;
  font-size: 20px;
}

此方法刪除預設的項目符號樣式並建立新的項目符號通過：之前。它在形狀和顏色方面提供了靈活性，並支援 IE8、Firefox 和 Chrome 等主要瀏覽器。

以上是如何在不使用 Span 元素的情況下變更 HTML 清單中的項目符號顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！