2012-07-20 5 views
1

Windows XP에서 IE8에서 연결된 의사 선택자가 작동하지 않는 것 같습니다. 이에 관한 문서가 있습니까?IE8에서 연결된 의사 선택기

내가 CSS3 선택기를 사용하기 위해 Selectivizr를 사용하여 웹 사이트를 개발하고 있어요,하지만 (당연히) 다른 곳에서 작동하는 반면이 같은 스타일은, IE8에서 작동하지 않습니다 :

span:last-child:after {content: "foobar";} 
+0

CSS2 의사 요소를 CSS3 의사 클래스에 연결하고 두 개의 의사 선택자를 연결하지 않습니다. 여전히 꽤 이상한데 - 스타일 시트에서'span : last-child' 또는'span : after' 규칙이 작동합니까? – BoltClock

+0

고맙습니다. @BoltClock 고맙게도 제 질문은 아직 이해되었습니다. 나는 테스트를했고'마지막 아이는 효과가있다. 그러나''after'' 테스트 방법을 모른다. 이것은 IE9와 WebKit에서 작동하며 Firefox에서도 마찬가지입니다. – Daze

+0

'span : after {content : "test";}'라는 규칙을 만들고 IE8에서 작동하는지 확인할 수 있습니다. – BoltClock

답변

1

이입니다 버그가 아니라 셀렉터가 기본적으로 일치하지 않기 때문입니다.

간단한 선택기는 유형 선택기 또는 범용 선택기와 그 뒤에 0 개 이상의 속성 선택자, ID 선택자 또는 의사 클래스가 순서에 관계없이 이어집니다. 모든 구성 요소가 일치하면 단순 선택기가 일치합니다.

이 경우에는 단순한 선택하지 않는 어느 IE8 기본적으로 일치 span:first-child, 또는 span:last-child이다.

하나의 의사 요소가 체인의 마지막 단순 선택기에 추가 될 수 있습니다.이 경우 스타일 정보는 각 주제의 하위 부분에 적용됩니다. span:last-child에 추가하는 것은 아니지만 span:first-child:after을 덧붙이

은, 일치, 그리고 Selectivizr은 포스트 프로세서이기 때문에, 세상을 구한다 너무 늦게 온다. 아마도 전처리 기는 운이 좋을 것입니다.