如何选择除第一个和最后一个仅使用CSS之外的所有列表项？

Question

我有一个HTML列表，从中我需要选择除第一个和最后一个元素以外的所有元素。

现在我想是这样的：

.inputList li:not(:first-child):not(:last-child) { 
    // stuff 
    } 

没有真正的工作...有没有更好的办法，这也适用于IE浏览器？

感谢您的意见！

Answer 1

您可以所有子元素指定一个声明，然后覆盖它第一个和最后的孩子。例如：

.example > LI {background: green; } 

.example > LI:first-child, 
.example > LI:last-child {background: none; } 

Answer 2

这样写：

.inputList li:first-child, .inputList li:last-child{ 
    color:red; 
} 

注:first-child工作，直到上述IE7 &。 :last-child工作到IE9 &以上。

Answer 3

第一个元素可以被忽略，因为

li + li{border-left: 1px solid #000;}