如何選擇不選擇最後一個元素

有些時候咱們會遇到在元素之間設置間隔的需求,margin-left、margin-right或者border-top、border-bottom等,這時候就須要選擇不爲第一個元素添加樣式或者不給最後一個元素添加樣式。css

不選擇第一個元素樣式的代碼是:code

div: nth-child(n+1){
  margin-left: 10px;
}

不選擇最後一個元素的代碼,須要用到not:ast

/*能夠不用這麼長;這個也能寫不選擇第一個元素*/
div: nth-child(n):not(:last-child){
  margin-right: 10px;
}

not選擇符的效果就是在普通css選擇器的基礎上再作一個差運算吧(我猜)class

not有一些限制,括號中只能寫一些簡單的選擇符(元素選擇符、*、類、id、僞類),咱們上面用到的僞類選擇符算是最複雜的了。基礎

多個not不能連起來用。css選擇器

相關文章
相關標籤/搜索