除了第一个孩子和最后一个孩子之外的CSS选择器

时间:2011-10-16 23:13:31

标签: html css css-selectors

我正在建立一个非常先进的网站。我的问题:是否可以选择:first-child:last-child以外的所有其他孩子?我知道有一个:not()选择器,但它不适用于不在括号中的多个选择器。这就是我所拥有的:

#navigation ul li:not(:first-child, :last-child) {
    background: url(images/UISegmentBarButtonmiddle@2x.png);
    background-size: contain;
}

2 个答案:

答案 0 :(得分:214)

尝试#navigation ul li:not(:first-child):not(:last-child)

答案 1 :(得分:17)

当然它会起作用,你只需要使用两个'不'选择器。

#navigation ul li:not(:first-child):not(:last-child) {

在第一个孩子之后它会继续下去,说“不是第一个孩子”和“不是最后一个孩子”。