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