[html] 첫 번째 자식과 마지막 자식 이외의 CSS 선택기

저는 매우 진보 된 웹 사이트를 만들고 있습니다. 내 질문 : 그것은을 제외한 모든 다른 아이들을 선택하는 것이 가능 :first-child하고 :last-child? :not()선택기 가 있다는 것을 알고 있지만 괄호 안에 있지 않은 두 개 이상에서는 작동하지 않습니다. 이것이 내가 가진 것입니다.

#navigation ul li:not(:first-child, :last-child) {
    background: url(images/UISegmentBarButtonmiddle@2x.png);
    background-size: contain;
}



답변

시도해보십시오 #navigation ul li:not(:first-child):not(:last-child).


답변

물론 작동 할 것입니다. 두 개의 ‘not’선택기를 사용해야합니다.

#navigation ul li:not(:first-child):not(:last-child) {

“첫 번째 자식이 아님”과 “마지막 자식이 아님”이라고 말하면서 첫 번째 자식 다음 줄을 계속합니다.


답변