Question

我正在尝试为IE定位一个类。但是，由于样板模板已更改，因此不再有效..

.myclass {
 //do something
}


.ie7 .myclass {
 ///do something

 }

这是样板模板的新标题中的内容。

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

Answer 1

我们不建议您使用IE9，因为它具有现代浏览器的所有标记，这就是我们没有IE9特定条件类的原因。如果您仍然愿意，可以使用：

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

请注意IE10 will not recognize conditional comments。

Answer 2

牦牛锅炉！无论如何：

.lt-ie9.lt-ie8 .myclass {}

应该做你想做的事。

修改

抱歉，因为您将IE7放在示例中，因此误解了您的问题。如果你想要IE9，你可以这样做：

.myclass {}

如何使用新的HTML5 Boilerplate定位IE9？

2 个答案: