小编Der*_*rek的帖子

我想用CSS制作"语法正确"的列表.这是我到目前为止:

该<li>标签与在他们之后逗号水平显示.

li { display: inline; list-style-type: none; }

li:after { content: ", "; }

这有效,但我希望"最后一个孩子"有一个句号而不是逗号.并且,如果可能的话,我也想把"和"放在"最后一个孩子"之前.我正在构造的列表是动态生成的,所以我不能只给"最后一个孩子"一个类.你不能组合伪元素,但这基本上是我想要实现的效果.

li:last-child li:before { content: "and "; }

li:last-child li:after { content: "."; }

我该如何工作？