HTML5 Boilerplate脚本&设计移动

时间:2012-02-05 04:23:32

标签: html5 html5boilerplate

最近我遇到了HTML5 Boilerplate并且喜欢它!但是有一部分我不明白。

<!--[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]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

Paul Irish说我们可以使用它而不是条件样式表和CSS黑客。有没有人在这方面有一些经验,就像我读他的博客一样,我仍然无法理解它。

现在我正在使用CSS3媒体查询,但它根本不在IE中工作,我只是一个幸运的和CSS3-mediaqueries.js文件(或类似的东西)和respond.js文件只是'为我工作。所以我决定条件评论或特定样式表适合我,但我记得这个设置但真的不知道如何使用它。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

这些是所谓的条件评论,正如您所推测的那样。它们根本不属于任何标准。

它们是IE的一个有趣的东西 - 它实际上解析了应该是非活动数据的文本!但它应该有用。

您使用此方法很简单:如果您使用的是IE&lt; 7,然后为blah的{​​{1}}元素设置样式。一个更具体的例子:假设你希望你的超链接在用户处于IE8时为红色,否则为绿色。这是一些CSS:

.ie6 blah

由于“a { color: green; } .ie8 a { color: red; } 是具有类a的元素的后代”比“任何ie8”更具体,后者适用,而在IE8中链接将是红色。此逻辑仅适用于IE8,因为这是唯一一种将IE8的条件注释解释为HTML的一部分(而不是注释掉)的情况。

可能令人困惑的另一个问题是最后一行,你在里面有一个a 评论块:这意味着完全忽略条件评论的浏览器仍会看到最后一个块中的HTML(以及IE&gt; 9和非IE但仍然是解释条件注释的浏览器)。