css 选择器

2017/02/04

not first child

  • 方法1:ie6-8 不能使用
.item:not(:first-child) {
    margin-left: 10px;
}
  • 方法2:从1开始
.item:nth-child(n+2) {
    margin-left: 10px;
}
  • 方法3: div+p(选择紧接在 元素之后的所有 元素。)
.item + .item {
 margin-left: 10px;
}
  • 方法4: b~p,匹配所有在#b元素之后的同级p元素。
.item ~ .item {
 margin-left: 10px;
}
  • 方法5:.item:not(:first-of-type){}
.item:not(:first-of-type) {
 margin-left: 10px;
}

参考链接

stackover: How can I use a not:first-child selector?