Question

I am trying to understand that what kind of CSS inside the html class="ie.".

这些语句是否有任何CSS文件，如果它们是什么CSS 这些样式表中使用的元素。

<!--[if lt IE 7 ]> <html class="ie6"><![endif]-->
<!--[if IE 7 ]>    <html class="ie7"><![endif]-->
<!--[if IE 8 ]>    <html class="ie8"><![endif]-->
<!--[if IE 9 ]>    <html class="ie9"><![endif]-->

Answer 1

您所关注的是conditional comments。它们是微软的标准，因为渲染和＃34; quirks＆＃34;可能因版本而异。任何非Internet Explorer浏览器都会将这些浏览器呈现为评论并以其快乐的方式进行。但是，如果版本匹配，旧版本的IE将这些注释并将其呈现为内容。例如，IE6会看到你的标记并呈现如下：

<html class="ie6">
<!--[if IE 7 ]>    <html class="ie7"><![endif]-->
<!--[if IE 8 ]>    <html class="ie8"><![endif]-->
<!--[if IE 9 ]>    <html class="ie9"><![endif]-->

这使您现在可以做的是编写专门针对Internet Explorer 6 的CSS - 任何以.ie6为前缀的选择器都只会应用于IE6浏览器。很遗憾有必要，但有用。

请注意，在IE10中，MS认为浏览器现在已经足够短暂且符合标准，不再需要支持任何条件评论，因此他们无法使用IE9 +。

Answer 2

请记住条件注释在样式表中不起作用。相反，您可以在HTML中使用条件注释。首先，我将不同的CSS类/ ID应用于元素，以便您可以使用CSS进行定位。

<!--[if IE]>
    <div id="ie_wrapper" class="ie">
<![endif]-->
<!--[if !IE]>
    <div id="ie_wrapper">
<![endif]-->

在哪里可以找到条件Css为ie

2 个答案: