html - 根据浏览器显示不同的颜色

Question

我有一个练习题是:

编写一段 CSS，在旧浏览器中以蓝色显示段落，在较新的浏览器中显示红色，在 IE6 中显示绿色，在 IE7 中显示黑色

我开始认为这是一个棘手的问题，因为经过多次谷歌搜索，我能找到的唯一条件浏览器代码是这样的 html:

 <!--[if IE]>
    According to the conditional comment this is IE<br />
    <![endif]-->

尽管这实际上对我不起作用，因为 vis studio 只是将此声明作为评论处理。据我所知，不可能编写一个 css 片段来执行此操作，对吗？

Answer 1

我真的不应该给你一个测验的答案......但是

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

<!--[if IE 6]>
<div class="ie6">
<![endif]-->

<!--[if IE 7]>
<div class="ie7">
<![endif]-->

<!--[if IE 8]>
<div class="ie8">
<![endif]-->

<!--[if IE 9]>
<div class="ie9">
<![endif]-->

<!--[if gte IE 8]>
<div class="ie8plus">
<![endif]-->

<!--[if lt IE 9]>
<div class="ie9lower">
<![endif]-->

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

</div>

我会把 CSS 规则留给你 ;)