특정 Internet Explorer 버전에 대한 조건부 스타일을 어떻게 얻을 수 있습니까?

Internet Explorer용 조건부 CSS: IE 내에서 스타일 특정성 달성

Internet Explorer 내에서 스타일 특정성을 달성하는 것은 특히 특정 규칙의 경우 어려울 수 있습니다. 특정 버전의 브라우저에만 사용됩니다. 이 경우 CSS 블록 내의 요소에 100% 너비를 적용하려고 하지만 Internet Explorer 7, 8, 9에만 적용됩니다.

해결책은 Microsoft 전용 미디어 쿼리를 사용하는 데 있습니다. @media 화면 및 (-ms-high-contrast: active), (-ms-high-contrast: none){}으로 알려져 있습니다. 이 미디어 쿼리는 Internet Explorer 10 이상에서 특별히 구문 분석되어 그 안에 있는 스타일 규칙이 IE에만 ​​적용되도록 합니다.

이 미디어 쿼리를 사용하면 스타일 규칙을 분리하고 특정 인터넷 버전을 대상으로 삼을 수 있습니다. 탐침. 예는 다음과 같습니다.

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}

이 예에서는 .actual-form 테이블 클래스 내의 요소에 100% 너비를 적용하지만 Internet Explorer 7, 8 또는 9에서 볼 때만 적용됩니다. 접근 방식을 사용하면 대상 IE 버전에 조건부 스타일을 적용하면서 브라우저 호환성을 유지할 수 있습니다.

위 내용은 특정 Internet Explorer 버전에 대한 조건부 스타일을 어떻게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!