Jak wybrać wszystkie elementy listy z wyjątkiem pierwszego i ostatniego tylko przy użyciu CSS?

Question

Mam listę HTML, z której muszę wybrać wszystkie oprócz pierwszego i ostatniego elementu.

Teraz próbuję tak:

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

Naprawdę nie działa ... czy jest lepszy sposób, który również działa na IE?

Dzięki za dane wejściowe!

Answer 1

Można określić deklaracji dla wszystkich elementów podrzędnych, a następnie przesłanianie go do pierwszego i ostatniego dzieci. Na przykład:

.example > LI {background: green; } 

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

Answer 2

Napisz tak:

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

Uwaga :first-child praca do IE7 & powyżej. :last-child działa do IE9 & powyżej.

Answer 3

Pierwszy element może być ignorowane jako

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