Html 导航列表项和：：之前：：之后

是否可以将：：before和：：after元素添加到列表项中

例如，如果我有以下内容：

<ul>
 <li>One</li>
 <li>Two</li>
 <li>Three</li>

---

这是正在工作的CSS-您可以使用

nth child

或

last child

进行此操作，并且

：after

可以工作

---

是的，你可以用。以下是演示：

ulli:n个孩子（3）：：之后
{
内容：“测试”；
高度：10px；
宽度：10px；
背景：透明；
边框：1px实心#ccc；
}

一个
两个
三
四

是您可以使用的，请确保设置位置：绝对以使用伪元素的高度和宽度

ulli:n个孩子（3）：：之后{
显示块；
位置：绝对位置；
内容：“；
高度：10px；
宽度：10px；
背景：透明；
边框：1px实心#ccc；
}

一个
两个
三三

和yes，

显示：块

是

width

属性不起作用的原因。非常感谢TobyKay，所以我的代码中一定有其他错误。应该是1：还是2：：请参考此链接：

ul li:nth-child(3)::after
{
content: "";
height: 10px;
width: 10px;
background: transparent;
border: 1px solid #ccc;
}

ul li:last-child:after {
  content: "";
  height: 10px;
  width: 10px;
  background: transparent;
  border: 1px solid #ccc;
}