如何在列表项而不是项目符号中使用星号

Question

我想在其中一个项目中使用"*".我已经将Pseudo类用于其中一个元素.但是我在下面的例子中的"text2"之前看到一些空格到伪li元素

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>