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

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

现在我试着这样做：

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

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

不太管用。。。有没有更好的方法也适用于IE

感谢您的投入

这样写：

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

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

---

注

：第一个孩子工作到IE7及以上<代码>：最后一个子元素

工作到IE9及以上。

第一个元素可以忽略为

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

---

可以为所有子元素指定声明，然后为第一个子元素和最后一个子元素重写该声明：

.example>LI{背景：绿色；}
李：第一个孩子，
.example>LI:last child{background:none；}

我刚刚找到了另一种方法，因此出于文档的考虑发布它：

.inputList li+li:not（：最后一个子项）{
背景颜色：绿色；
}

在我的例子中，我希望它在列表项后加一个逗号

。教育李：不是（：最后一个孩子）：之后{
内容：“，”；
}

除了第一个和最后一个元素，我需要所有元素。是的。我想这就是出路。谢谢