a 내부의 첫 번째 요소를 제외한 모든 요소의 스타일을 어떻게 지정할 수 있나요?

'not:first-child' 선택기를 효과적으로 사용하기

컨테이너 내 요소의 스타일을 지정할 때 첫 번째 요소를 제외한 모든 요소에 규칙을 적용해야 하는 경우가 많습니다. 이러한 시나리오에서는 'not:first-child' 선택기를 효과적으로 활용하는 방법을 이해하는 것이 중요합니다.

귀하의 경우 'div' 태그 내의 모든 'ul' 태그에 대해 CSS 속성을 설정하려고 했습니다. 첫 번째를 제외하고. 시도가 실패했지만 시도한 변형 중 하나가 실제로 최신 브라우저에서 작동합니다.

div ul:not(:first-child) {
    background-color: #900;
}

이 선택기는 CSS 선택기 레벨 3을 활용하고 첫 번째가 아닌 'div' 내의 모든 'ul' 태그를 대상으로 합니다.

그러나 레거시 브라우저를 지원해야 하거나 ':not' 선택기의 제한에 직면하는 경우 대체 접근 방식은 다음과 같습니다. 사용 가능:

1. 의도한 것보다 더 넓은 범위의 규칙 정의:

div ul {
    background-color: #900;  /* applies to every ul */
}

2. 규칙을 조건부로 "취소"하여 대상 요소로 범위를 제한합니다.

div ul:first-child {
    background-color: transparent; /* limits the scope of the previous rule */
}

수정된 CSS 속성의 기본 속성으로 되돌리면 규칙을 원하는 요소로 효과적으로 제한할 수 있습니다.

위 내용은 a 내부의 첫 번째 요소를 제외한 모든 요소의 스타일을 어떻게 지정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!