JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="demo1">
    <li>first</li>
    <li>second</li>
    <li>third</li>
</ul>

<ul id="demo2">
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>

CSS

#demo1 li + li {
    color: blue;
}

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

#demo2 li+li:before {
    content: "-";
    padding: 10px;
}