不影响它的CSS仅针对IE浏览器编写

Question

为什么我无法仅为IE浏览器应用css， 我试图按照下面的页面内css块进行操作。

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

Reference link

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>内的所有内容都必须为css。尝试使用条件注释包装样式标记。

您的代码： http://jsbin.com/otidal/edit#preview

正确的代码： http://jsbin.com/otidal/2/edit#preview