[CSS] 조건 주석문

 

◽ 조건 주석문

IE 브라우저에서만 다른 CSS 파일을 적용하고자 할 때 쓰는 일종의 문법적인 구문이다.

아래와 같이 사용할 수 있다.

<link rel="stylesheet" type="text/css" href="css/main.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/main_ie.css">
<![endif]-->

 

 

💡 왜 이렇게 사용할까?

크롬에서는 svg 포맷의 이미지는 확대를 하더라도 깨끗하게 나타나지만 IE에서 svg 이미지는 보이지 않아 gif나 jpg로 바꿔주어야 한다. 그리고 IE6과 IE7에서 체크박스의 여백이 서로 다르게 나타나기도 한다.

이처럼 달리 적용해야하는 조건들이 있을 때 이렇게 조건 주석문을 사용하여 CSS를 가져온다.

 

 

---

 

 

출처

김광수, 조혜경, 정인용, 실전프로젝트 반응형 웹 퍼블리싱 (아이콕스, 2020)

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.