css中使用:not()選擇器為最後一個元素去除邊框

CSS 否定偽類，:not(X)，是以一個簡單的以選擇器X為參數的功能性標記函數。它匹配不符合參數選擇器X描述的元素。X不能包含另外一個否定選擇器。
:not偽類的優先級即為它參數選擇器的優先級。:not偽類不像其它偽類，它不會增加選擇器的優先級。
:not() 偽類可以將一個或多個以逗號分隔的選擇器作為其參數(實驗性的，尚未廣泛支持，目前Safari、IOS Safari支持)。選擇器中不得包含另一個否定選擇符或偽元素。
瀏覽器兼容：IE9+、移動端全兼容。
:not()選擇器為最後一個元素去除邊框
平時我們先為元素添加邊框/* 添加邊框 */
.nav li {
border-right: 1px solid #666;
}
為最後一個元素去除邊框/* 去掉邊框 */
.nav li:last-child {
border-right: none;
}
不過不要這麼做，使用 :not() 偽類來達到同樣的效果：.nav li:not(:last-child) {
border-right: 1px solid #666;
}
CSS選擇器以人類描述它的方式定義邊界。
:not()選擇器使列表的每項都由逗號分隔ul > li:not(:last-child)::after {
content: ",";
}
:not()選擇器結合nth-child可以選擇1至n個元素/* 選擇除前3個之外的所有項目，並顯示它們 */
li:not(:nth-child(-n+3)) {
display: none;
}
:not()選擇器隱藏沒有靜音、自動播放的影片
這是一個自定義用戶樣式表的不錯的技巧。避免在加載頁面時自動播放。如果沒有靜音，則不顯示視頻：video[autoplay]:not([muted]) {
display: none;
}