ul{
display:flex;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 20px;
color: green;
li{
margin-left: 10px;
a{
text-decoration: none;
color: inherit;
&:not(:last-child)&:after{
content:"~";
display:inline-block;
}
}
}
}
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">lastchild</a></li>
</ul>
Как правильно записать что у последнего :after не было "~";