Question

我有一个简单的UL列表，我也在应用CSS类，并且没有应用li :: before伪类。

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

＆＃13;

.my-ul {
  font-size: 12pt;
  list-style: none;
}

.my-ul li {
  margin: 0 0 5px 0;
}

.my-ul li::before {
  content: "\2022";
  color: red;
}

＆＃13;

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

＆＃13;

li ::之前未应用伪元素

1 个答案: