Firefox의 CSS3 "nth-child"가 지원됩니까?

css3.info의 selector test에 따르면 Firefox 3.0은 n 번째 자식 선택기의 일부 순열을 지원합니다. 그러나 표시된 코드 here (# 30)이 작동하지 않습니다.Firefox의 CSS3 "nth-child"가 지원됩니까?

빈 문단을 선택해야하므로 다음과 같이 코드를 편집했지만 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>

테스트 중 버그입니까? 아니면 어딘가에서 오류가 있습니까?

출처

2009-04-10 DisgruntledGoat

흠 ...에 따라 this page Firefox 3.0은 :nth-child을 지원하지 않습니다. 당신이 도움이 될 JQuery와 this를 사용하는 경우

출처

2009-04-10 17:19:14

확인 됨 - Safari 3이 작동합니다. FF 3 그렇지 않습니다. div : nth-child (even)과 div : nth-child (even) –

방금 3.0.8을 테스트 한 결과 nth-child() (88 개 중 47 개가 실패했습니다). 다음을 포함 : nth-child (even) –

그러나 div : nth-child (2n + 0) {}도 전달하여 evens를 선택합니다. –

예상대로 파이어 폭스 3.5에서

출처

2009-04-10 17:29:12

, 당신의 테스트 케이스는 이제 작동 (JQuery와 : 사용자가 사용하는 브라우저 상관하지 않습니다).

출처

2009-12-04 23:41:39

그래, 나는 말하려고했다 ... 나는 항상 파이어 폭스로 n 번째 아이를 사용하고 그것이 작동합니다. 나는 3.5를 사용하고있다. – priestc

파이어 폭스 3.5가 출시되기 3 개월 전에이 질문이 제기되었습니다. 어쨌든 질문은 왜 분명히 n 번째 자녀 테스트의 절반이 통과했으며 절반은 그렇지 않은지에 관한 것입니다. – DisgruntledGoat

Firefox의 CSS3 "nth-child"가 지원됩니까?

답변

관련 문제