문제

W3C CSS Validator를 사용하여 사이트의 CSS를 검증하려고했습니다. 불행히도 Yui 프레임 워크의 Reset-Min.css는 문자열에서 구문 분석 오류를 생성했습니다. "{*font-size : 100%;".

유효성 검사 결과.

추가 조사에서 Firefox의 Error Console에서 다음 오류가 나타났습니다.

경고 : 예상 선언이지만 '*'를 발견했습니다. 다음 선언으로 건너 뛰었습니다.

나는 '*'의 의미에 대한 설명을 찾지 못했고이 인기있는 재설정 CS의 문제에 대한 언급을 찾을 수 없었습니다.

내가 무엇을 놓치고 있습니까?

도움이 되었습니까?

해결책

이것은 IE7 이하의 해킹입니다. IE7 이하는 별표를 건너 뛰고 CSS를 평소처럼 계속 구문 분석합니다. 다른 브라우저는 전체 규칙을 무시합니다.

예를 들어, CSS는 마지막으로 선언 된 규칙의 버전을 사용하므로 다음을 수행하면 IE7 이하가 font-size 다른 브라우저는 a font-size 단락의 경우 100%

p { font-size: 100%; *font-size: 113%; }

더 많은 정보가 있습니다 webdevout.net.

개인적으로, 나는 IE의 파손을 중심으로 일하기 위해 그러한 해킹을 사용하는 것이 허용된다고 생각합니다. 분명히, 야후! 같은 방식으로 느낍니다.

다른 팁

아마도 IE 호환성 해킹 일 것입니다.

일부 브라우저 (특히 6)는 무시하고 다른 브라우저가 무시할 수있는 CSS 구문 오류가 많이 있습니다. 일부 CSS 파일은 오류를 사용하여 하나의 브라우저가 볼 수 있고 다른 브라우저가하지 않는 규칙을 작성합니다.

편집하다: 전체 목록은 참조하십시오 여기. 특정한 경우, 그 규칙은 IE 7 이하 만 볼 수 있습니다.

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