CSS에서 특정 클래스의 마지막 요소 스타일을 어떻게 지정합니까?

Last-of-Type을 사용하여 특정 클래스의 마지막 요소 선택

CSS의 마지막 유형 선택자는 다음 작업에 활용됩니다. 상위 요소 내에서 지정된 유형의 마지막 요소에 스타일을 적용합니다. 태그 이름을 기준으로 마지막 요소를 선택하는 데는 효과적이지만 구문에서는 클래스 이름 지정을 허용하지 않습니다.

클래스 이름으로 마지막 요소 처리

코드 조각 div.class:last-of-type { margin-right:0; } 귀하가 제공한 것은 지원되지 않는 클래스 선택기와 마지막 유형을 결합하려고 시도하므로 실행 가능한 솔루션이 아닙니다.

대안

안타깝게도, 특정 클래스의 마지막 요소를 찾기 위해 마지막 유형을 사용하는 것은 불가능합니다. 그러나 대체 접근 방식을 사용할 수 있습니다.

• JavaScript 대체: JavaScript를 사용하여 원하는 클래스가 있는 마지막 요소를 식별하고 타겟팅합니다.
• 마크업 수정: HTML 마크업이나 CSS를 수정하여 HTML 마크업이나 CSS에 의존하지 않고 원하는 동작을 달성하세요. last-of-type.

결론

last-of-type을 사용하여 마지막 .class 요소를 찾는 것이 직접적으로 가능하지는 않지만 JavaScript 대체와 같은 해결 방법은 있습니다. 또는 마크업 수정을 구현하여 원하는 스타일 효과를 얻을 수 있습니다.

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