li::before 未应用伪元素

Question

我有一个简单的 UL 列表，我也在应用 CSS class，但未应用 li::before 伪 class。

HTML

<ul class="my-ul">
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

CSS

.my-ul {
    font-size: 12pt;
    list-style: none;
}

.my-ul li {
    margin: 0 0 5px 0;
}

.my-ul li::before {
    content: disc;
    color: #501521;
}

我做错了什么？

Answer 1

您可能正在寻找特殊字符 u+2022

.my-ul {
  font-size: 12pt;
  list-style: none;
}

.my-ul li {
  margin: 0 0 5px 0;
}

.my-ul li::before {
  content: "22";
  color: red;
}

<ul class="my-ul">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

li::before 未应用伪元素

li::before pseudo element not being applied

html

css

pseudo-element