有些时候我们会遇到在元素之间设置间隔的需求,margin-left、margin-right或者border-top、border-bottom等,这时候就需要选择不为第一个元素添加样式或者不给最后一个元素添加样式。
不选择第一个元素样式的代码是:
div: nth-child(n+1){
margin-left: 10px;
}
不选择最后一个元素的代码,需要用到not:
/*可以不用这么长;这个也能写不选择第一个元素*/
div: nth-child(n):not(:last-child){
margin-right: 10px;
}
not选择符的效果就是在普通css选择器的基础上再做一个差运算吧(我猜)
not有一些限制,括号中只能写一些简单的选择符(元素选择符、*、类、id、伪类),我们上面用到的伪类选择符算是最复杂的了。
多个not不能连起来用。