CSS 해킹 요약 빠른 확인

*:lang(zh) select {font:12px !important;} /*FF 전용*/
select:empty {font:12px !important;} /*Safari에서 표시*/
선택 여기는 선택기이며 상황에 따라 교체가 가능합니다. 두 번째 문장은 MAC의 Safari 브라우저에만 해당됩니다.

IE7에서만 인식됩니다.
*+html {…}
IE7 전용 스타일을 만들어야 할 때 이 HACK을 사용할 수 있습니다.

IE6 이하 식별
* html {…}
이곳에 특히 주의하세요. 많은 집주인이 IE6용 HACK을 작성했습니다. 실제로 IE5.x도 이 HACK을 인식할 수 있습니다. 다른 브라우저에서는 인식하지 못합니다.
html/**/ >body select {……}
이 문장은 이전 문장과 같은 효과를 냅니다.

IE6만 인식하지 못합니다.
select { display /*IE6에서는 인식하지 못합니다.*/:none;}
주로 콜론 앞에 나오는 CSS 주석을 통해 속성과 값을 분리하는 방법입니다.

IE6, IE5만 인식하지 못합니다
select/**/ { 표시 /*IE6, IE5는 인식하지 못합니다*/:none;}
여기서 위 문장과 차이점은 선택자 사이에 CSS가 추가로 있다는 점입니다. 및 중괄호 참고.

IE5만 인식하지 못합니다
select/*IE5가 인식하지 못합니다*/ { display:none;}
이 문장은 이전 문장에서 속성 영역의 주석을 제거합니다. IE5만

박스 모델 솔루션
select {width:IE5.x width; voice-family:""}""; width:corright width;}을 인식하지 못합니다. >박스 모델의 삭제 방법은 !important를 통해 처리되지 않습니다. 이 점은 명확해야 합니다.

float 지우기
select:after {content:"."; display:block; height:0;clear:both; visible:hidden;}
Firefox에서 자식이 모두 플로팅의 경우 부모의 높이가 전체 자식을 완전히 덮을 수 없습니다. 그런 다음 이 HACK을 사용하여 플로팅을 지워 부모를 한 번 정의하면 이 문제를 해결할 수 있습니다.

더 많은 CSS Hack 요약 빠른 확인 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!