본문 바로가기
CSS

CSS 첫번째 자식 요소 또는 마지막 자식 요소 제외

by @hohoya33 2021년 04월 22일

E:not(S) - S가 아닌 E 요소를 선택

E:first-of-type - E 요소 중 첫 번째 E를 선택 (E 요소의 순서만 계산에 포함됨)
E:last-of-type - E 요소 중 마지막 E를 선택 (E 요소의 순서만 계산에 포함됨)

 

첫번째 자식 요소를 제외한 나머지 요소에 컬러값을 적용합니다.

ul li:not(:first-of-type) {
  color: red;
}

 

마지막 자식 요소를 제외한 나머지 요소에 아래에 여백을 적용합니다.

ul li:not(:last-of-type) {
  margin-bottom: 20px;
}

 

 

 

개의 댓글