CSS와 JavaScript를 사용하여 마지막으로 표시되는 Div를 어떻게 선택할 수 있습니까?

CSS를 사용하여 마지막으로 표시되는 div 선택

CSS에서는 선택기만 사용하여 특정 표시 요소를 타겟팅하는 것이 기본적으로 불가능합니다. :visible이라는 기술은 마지막 표시 요소 등을 구별하지 않고 모든 표시 요소를 포함하므로 이 맥락에서는 충분하지 않습니다.

이 제한을 극복하고 마지막 표시 div를 선택하려면 대안을 고려해야 합니다. 스타일 조작, JavaScript 또는 jQuery 활용과 같은 접근 방식

JavaScript 및 jQuery 접근 방식

JavaScript 또는 jQuery를 활용하면 다음과 같이 선택할 수 있습니다.

• 표시되는 div를 대상으로 지정하려면 :visible 선택기를 사용하세요.
• 마지막으로 표시되는 div를 가져오는 last() 메서드입니다.

var last_visible_element = $('div:visible:last');

If 표시되는 div는 특정 클래스나 ID를 갖고 있으므로 그에 따라 선택기를 구체화합니다.

var last_visible_element = $('#some-wrapper div:visible:last');

위 내용은 CSS와 JavaScript를 사용하여 마지막으로 표시되는 Div를 어떻게 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!