我可以在不使用 `` 或 `` 標籤的情況下為 HTML 清單項目符號著色嗎？

不帶Span 的HTML 清單項目符號著色

問題：

是否可以在不使用Span 的情況下修改HTML 清單中項目符號的顏色添加諸如 之類的元素或

內

答案：

是的，您可以透過使用li:before 偽元素來實現此目的：

li {
  list-style: none;
}

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

<ul>
  <li>foo</li>
  <li>bar</li>
</ul>

該技術不需要

內的任何附加標記。元素。但它確實有一定的限制：

• 支援的瀏覽器：IE8以上、Firefox、Chrome
• 項目符號樣式僅限於unicode字元

以上是我可以在不使用 `` 或 `` 標籤的情況下為 HTML 清單項目符號著色嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！