nth-last-child(N) 匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数
nth-of-type(N) :nth-of-type(N)选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素
:nth-last-of-type(N) 匹配属于父元素的特定类型的第 N 个子元素的每个元素,从最后一个子元素开始计数
:first-of-type 选择器匹配属于其父元素的特定类型的首个子元素的每个元素
:last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素
:only-child 选择器匹配属于其父元素的唯一子元素的每个元素
:only-of-type 选择器匹配属于其父元素的特定类型的唯一子元素的每个元素
:empty 选择器匹配没有子元素(包括文本节点)的每个元素
:not(Element/selector) 选择器匹配非指定元素/选择器的每个元素
nav > a:not(:last-of-type) {
border-right: 1px solid red;
}
</style>
<nav>
<a href="#">first</a>
<a href="#">second</a>
<a href="#">third</a>
<a href="#">fourth</a>
<a href="#">fifth</a>
</nav>