CSS：不工作之前和之后？

我试图使用列表中的

：before

和

：after

，但它不起作用。 我确信这是一个简单的错误，但我无法指出

任何帮助都将不胜感激

请检查一下电话号码

---

您应该使用

：before

和

：after

选择器和

内容

属性：

.chart ul:after{
  content: "";
  border:1px solid #f30;
}

---

如果你想让

:before

和

:before

工作，你需要给他们

内容

，否则他们就不存在了。最简单的方法是，在css中，为两个伪元素设置

内容：'

。

您的链接已断开，但看起来您没有

内容

，也没有样式使它们足够大以具有边框。实际上，您可能需要左边框和右边框。我已投票同意重新发布，我有一个问题没有包含在重复问题中。我认为这个问题是开放的，另一个问题只与“内容”有关，你也应该使用

display:block

使其与

内容一起工作：'

我什么时候才能记住这个事实。非常感谢。

.chart ul:after {
  border: 1px solid #f30;
}
.chart li span:after {
  border: 1px solid #eee;
}
.chart li span:before {
  border: 1px solid #ccc;
}
.chart li a:after {
  border: 1px solid #666;
}
.chart li a:before {
  border: 1px solid #333;
}

.chart ul:after{
  content: "";
  border:1px solid #f30;
}