`:last-of-type`이 특정 클래스의 마지막 요소를 선택하지 못하는 이유는 무엇입니까?

:last-of-type이 클래스 속성을 잘못 선택하는 이유

제공된 HTML 및 CSS 코드에서는 다음 용도로만 사용됩니다. 표시할 div 내에서 "visible" 클래스를 가진 마지막 요소입니다. 그러나 .class:last-of-type 선택기는 여전히 유효하지 않습니다.

이 문제는 :last-of-type 기능에 대한 오해에서 발생합니다. 특정 유형의 마지막 요소(이 경우

요소)를 정확하게 선택하지만 특정 클래스 속성은 고려하지 않습니다.

유사 클래스 기능:

W3C는 :last-of-type을 "해당 유형의 마지막 형제인 요소"로 정의합니다. 동작은 다음과 같이 요약될 수 있습니다.

1. HTML에서 포함된 각 요소 내에서 요소를 식별합니다.
2. 식별된 각 요소 집합에서 마지막 요소를 찾습니다.
3. 선택한 요소가

   요소.

4. ".visible" 클래스 속성이 있는지 확인합니다.

선택자 분석:

선택자 p. visible:last-of-type은 다음을 대상으로 합니다.

• 모든

  각 div 내의 요소를 선택합니다.

• 마지막

  각 세트의 요소입니다.

• 마지막

  요소 및 ".visible" 클래스 속성.

결과:

처음 두

요소에는 ".visible" 클래스가 있지만

:last-of-type을 올바르게 사용했음에도 불구하고 요소가 표시됩니다.

해결책:

".visible" 클래스가 있는 마지막 요소를 선택하려면 다른 접근 방식을 사용하세요. 필요한. JavaScript 또는 사용자 정의 CSS 속성 기반 솔루션이 적절한 해결 방법을 제공할 수 있습니다.

위 내용은 `:last-of-type`이 특정 클래스의 마지막 요소를 선택하지 못하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!