Separators for LI Elements using CSS and :nth-child

Dec 28, 2013 by Christine Cardoso in CSS3

567

Separate your html list elements with back slashes, commas, dots or whatever icon pleases you by using CSS.

li:nth-child(n+1):before {
    content: ", ";
}
li:first-child:before {content: " "; }

li:nth-child(n+1):before {

content: ", ";

}

li:first-child:before {content: " "; }