列表中的偽元素

偽元素通常用於更改列表的外觀（主要用於無序列表，ul）。

第一步是刪除預設列表專案符號：

ul {
  list-style-type: none;
}

然後新增自定義樣式。在此示例中，我們將為專案符號建立漸變框。

li:before {
  content: "";
  display: inline-block;
  margin-right: 10px; 
  height: 10px;
  width: 10px;
  background: linear-gradient(red, blue);
}

HTML

<ul>
   <li>Test I</li>
   <li>Test II</li>
</ul>

結果