如何选择除第一个和最后一个使用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及以上.