如何使用before selector css添加li

Question

我正在尝试在列表中添加li之前执行此操作：

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

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

Answer 1

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

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;
}

Answer 2

试试这个

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