Как выбрать все элементы списка, кроме первого и последнего, используя только 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;}