come selezionare tutte le voci dell'elenco tranne il primo e l'ultimo utilizzando solo il CSS?

Question

Ho una lista HTML, dalla quale ho bisogno di selezionare tutto tranne il primo e l'ultimo elemento.

In questo momento sto cercando in questo modo:

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

Non proprio lavoro ... c'è un modo migliore, che funziona anche su IE?

Grazie per gli input!

Answer 1

È possibile specificare una dichiarazione per tutti elementi figlio, e poi esclusione per primo e l'ultimo dei bambini. Ad esempio:

.example > LI {background: green; } 

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

Answer 2

scrittura come questo:

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

Nota :first-child lavoro fino sopra IE7 &. :last-child lavorare fino a IE9 & sopra.

Answer 3

Primo elemento può essere ignorato come

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