html - 如何在列表项中使用星号而不是元素符号

Question

我想在其中一个元素符号中使用“*”。我对其中一个元素使用了伪类。但是我在下面的示例中看到伪 li 元素的“text2”之前有一些空格

li {
  list-style: none;
}

li.str:before {
  content: "*";
  position: relative;
  left: -15px;
  bottom: -3px;
}

<ul>
  <li>text1</li>
  <li class="str">text2</li>
</ul>

你能帮帮我吗

Answer 1

将 li 标签设置为相对位置，将伪元素设置为绝对位置:

li {
  position: relative;
  list-style: none;
}
li.str:before {
  content: "*";
  position: absolute;
  left: -15px;
  bottom: -3px;
}

<ul>
  <li>text1</li>
  <li class="str">text2</li>
</ul>