css - 如何使用 before 选择器 css 添加 li

Question

我正在尝试在列表中的 li 之前添加一个 li:

ul.ssmenu:first-child::before{
    li{
        position: relative;
        height: 10px;
    }
}

这似乎不是正确的解决方案。

Answer 1

你不能只使用 CSS 添加这样的元素，::before 是一个元素，一个伪元素，你可以这样做......，如果你需要更多li，你需要使用脚本

ul li,
ul::before,
ul::after {
  position: relative;
  height: 20px;
}
ul::before {
  content: 'This li were added with CSS pseudo ::before';
  display: list-item;
}
ul::after {
  content: 'This li were added with CSS pseudo ::after';
  display: list-item;
}

<ul>
  <li>This "li" exist in markup</li>
</ul>