>웹 프론트엔드 >CSS 튜토리얼 >CSS의 특정 클래스로 마지막 요소의 스타일을 지정하는 방법은 무엇입니까?

CSS의 특정 클래스로 마지막 요소의 스타일을 지정하는 방법은 무엇입니까?

DDD
DDD원래의
2024-12-07 04:27:12257검색

How to Style the Last Element with a Specific Class in CSS?

특정 클래스를 사용하여 마지막 요소에 CSS 규칙 지정:

CSS에서 특정 유형의 마지막 요소를 선택하는 것은 다음을 사용하여 간단합니다. :마지막 유형 의사 클래스. 그러나 이 의사 클래스를 특정 클래스에 적용하는 것은 기본적으로 지원되지 않습니다.

다음 시나리오를 고려하십시오.

div:last-of-type {
  margin-right: 0;
}

이 코드는 그룹의 마지막 div 요소를 성공적으로 처리하지만 적용 클래스는 고려되지 않습니다.

원하는 결과를 얻으려면 클래스가 selector:

div.class:last-of-type {
  margin-right: 0;
}

안타깝게도 이 CSS 구문은 브라우저에서 인식되지 않습니다. :last-of-type 의사 클래스는 클래스가 아닌 유형을 기준으로 요소를 선택하는 것으로 제한됩니다.

대체 솔루션:

  • JavaScript: 클래스를 기반으로 필수 CSS 규칙을 동적으로 식별하고 수정하는 JavaScript 함수를 구현합니다. names.
  • 마크업/CSS 개정: 이 제한 사항을 해결하려면 마크업이나 CSS를 재구성하여 지정된 클래스의 마지막 요소에 고유 식별자가 있는지 확인하세요.

위 내용은 CSS의 특정 클래스로 마지막 요소의 스타일을 지정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.