Combining CSS Pseudo-elements, “:after” the “:last-child”

Question

I want to make \"grammatically correct\" lists using CSS. This is what I have so far:

The

tags are displayed horizontally with commas after t

Answer 1

An old thread, nonetheless someone may benefit from this:

li:not(:last-child)::after { content: ","; }
li:last-child::after { content: "."; }

This should work in CSS3 and [untested] CSS2.