CSS не влияет на то, что написано только для браузера IE

Question

Почему я не могу применить CSS, предназначенный только для браузера IE, Я пытаюсь сделать это, как показано ниже, с блоком CSS на странице.

<style type="text/css">
    <!--[if IE]>
        body a {font-size:12px;text-decoration:none;}
    <![endif]-->
<style>

Ссылка

Answer 1

Способ сделать это - использовать ссылку на файл css,

Пример:

<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

Вы можете сделать это тоже:

<!--[if IE]>
     <style type="text/css">
        body a {font-size:12px;text-decoration:none;}
     <style>
<![endif]-->

Но это должно быть на странице html, а не в файле css.

Answer 2

потому что условные комментарии не могут быть в теге style.Все в <style> должно быть css.Попробуйте обернуть тег стиля условным комментарием.

Ваш код: http://jsbin.com/otidal/edit#preview

Правильный код: http://jsbin.com/otidal/2/edit#preview