not(:last-child)的用法

网上看资料时看到的用法，以前没接触过，看到之后不禁感叹这用法太人性化了，极大方便了敲代码：

<style>
    ul{
        list-style: none;
    }
    li{
        display: inline;
    }
    li:not(:last-child)::after{
        content: "|";
    }
</style>
<nav>
    <ul>
        <li>HTML 5</li>
        <li>CSS3</li>
        <li>JavaScript</li>
    </ul>
</nav>

实现效果：