:not(:first-child)和:not(:last-child)的用法

:not(:first-child)顾名思义，not first就是不要第一个，所以它的作用是设置第一个以外的元素样式
: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>

效果：
HTML 5|CSS3|JavaScript



本文为Jsky原创文章,转载无需和我联系,但请注明来自Jsky博客 www.tjin.link

Jsky博客
请先登录后发表评论
  • 最新评论
  • 总共0条评论