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;
}
'CSS' 카테고리의 다른 글
IE object-fit cover 대응 (1) | 2021.12.30 |
---|---|
css grid 레이아웃 (0) | 2021.07.08 |
CSS 변수 사용 방법 (0) | 2021.04.18 |
CSS 미디어 쿼리 디바이스별 해상도 분기점 (0) | 2021.04.18 |
웹 접근성을 고려한 콘텐츠 숨기기 (blind 처리) (0) | 2021.03.24 |
개의 댓글