Firefox의 CSS3“Nth-Child”지원?

StackOverflow https://stackoverflow.com/questions/738266

  •  09-09-2019
  •  | 
  •  

문제

css3.info에 따르면 선택기 테스트, Firefox 3.0은 Nth-Child 선택기의 일부 순열을 지원합니다. 그러나 코드가 표시되었습니다 여기 (#30)은 나를 위해 작동하지 않습니다.

빈 단락을 선택해야하므로 코드를 다음으로 편집했지만 Firefox (Opera에서 작동 함)에 표시되지 않습니다.

<style type="text/css">
div :nth-child(even) {
    background-color: yellow;
    height: 30px;
}
</style>

<div>
    <div>Does this element match?</div>
    <div></div>
    <div>Does this element match?</div>
    <div></div>
</div>

이것은 테스트에서 버그입니까, 아니면 어딘가에 오류가 발생 했습니까?

도움이 되었습니까?

해결책

흠 ...에 따르면 이 페이지 Firefox 3.0은 지원하지 않습니다 :nth-child.

다른 팁

jQuery를 사용하는 경우 이것 당신을 도울 수 있습니다 (jQuery 사용자가 사용하는 브라우저는 신경 쓰지 않습니다 :))

Firefox 3.5에서 테스트 사례는 이제 예상대로 작동합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top