css CSS：not - last-child - nth-child（1） - last-of-type

Posted 2021-05-13

ul {
    list-style-type: none;
    text-align: center;
}

li {
    display: inline;
}

li:not(:last-child):after {
    content:' |';
}

li:nth-child(1):after {
    content:' |';
}

p:last-of-type {
    background: #ff0000;
}