`p.visible:last-of-type`이 마지막으로 표시되는 단락 요소를 대상으로 하지 않는 이유는 무엇입니까?

:last-of-type 선택기 동작

:last-of-type 의사 클래스는 지정된 유형의 마지막 요소를 대상으로 합니다. 상위 컨테이너 내에서. 그러나 CSS 선택기(p.visible:last-of-type)의 맥락에서 :last-of-type은 클래스 인스턴스가 아닌 요소 유형에만 적용된다는 점에 유의하는 것이 중요합니다.

HTML 마크업:

<code class="html"><div>
  <p class="visible">This should be hidden</p>
  <p class="visible">This should be displayed</p>
  <p>This should be hidden</p>
</div></code>

:last-of-type이 마지막

를 대상으로 하기 때문에 문제가 발생합니다. 이 경우에는 .visible 클래스가 없는 요소입니다. 결과적으로 귀하의

요소가 표시됩니다.

해결책

마지막

.visible 클래스가 있는 요소의 경우 이 특정 목적을 위한 내장 CSS 선택기가 없으므로 JavaScript를 사용해야 합니다.

위 내용은 `p.visible:last-of-type`이 마지막으로 표시되는 단락 요소를 대상으로 하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!