cómo seleccionar todos los elementos de la lista, excepto el primero y el último que usan CSS solamente?

Question

Tengo una lista HTML, de la cual necesito seleccionar todo menos el primer y el último elemento.

En este momento estoy tratando de esta manera:

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

En realidad, no funciona ... ¿hay una forma mejor, que también funciona en IE?

¡Gracias por las entradas!

Answer 1

Puede especificar una declaración de todos los elementos secundarios, y luego anulación por primera y última hijos. Por ejemplo:

.example > LI {background: green; } 

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

Answer 2

escribe así:

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

Nota :first-child trabajo hasta IE7 & anteriormente. :last-child trabaje hasta IE9 & arriba.

Answer 3

primer elemento puede ser ignorada como

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