2012-03-21 3 views
5

나는 첫 번째 요소와 마지막 요소를 제외하고 모두를 선택해야하는 HTML 목록이 있습니다.CSS 만 사용하는 첫 번째 및 마지막 항목을 제외한 모든 목록 항목을 선택하는 방법은 무엇입니까?

는 지금은이 같은 노력하고있어 :

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

정말 작동하지 않습니다 ... 또한 IE에서 작동하는 더 좋은 방법이 있나요?

감사합니다. 이 같은

답변

7

무시 될 수 있고, 그 다음 첫 번째와 마지막 어린이를위한 재정에게 그것을. 예 :

.example > LI {background: green; } 

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

나는 이것을 할 것이다. – deed02392

+0

예. 나는 이것이 갈 길이라고 생각한다. 감사! – frequent

5

쓰기 :

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

참고 위의 IE7 &까지 :first-child 작동합니다. :last-child 위의 작업은 IE9 &입니다.

+0

첫 번째 요소와 마지막 요소가 모두 필요합니다. – frequent

+1

IE의 정보에 대해 감사드립니다. – frequent

2

첫 번째 요소는 모든 자식 요소에 대한 선언을 지정할 수 있습니다

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