blocks|key|1766671|text|显然，它们不能在style标签中工作。(查看此处：http://reference.sitepoint.com/css/conditionalcomments)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1766672|不过，你似乎可以在head标签中使用它们，如果是IE，可以包含一个外部CSS文件，如果是另一个浏览器，则隐藏该css文件。|1766673|entityMap|0|LINK|mutability|MUTABLE|url|http://reference.sitepoint.com/css/conditionalcomments^0|P|1I|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Apparently they don't work within the style tag. (see here: <a href="http://reference.sitepoint.com/css/conditionalcomments" rel="nofollow noreferrer">http://reference.sitepoint.com/css/conditionalcomments</a>)

It appears you can use them within the head tag, though, and include an external CSS file if it is IE, and hide that css file if it is another browser.

blocks|key|467264|text|首先，你的代码不能工作--你应该让css读取.color而不是.class|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|467265|其次，条件语句在css中不起作用。因此，相反，编写你的代码，使条件是围绕着IE特定的样式。|467266|<html>
<head>++
++++<style+type="text/css">
++++++++.color{+color:red;+}
++++</style>

++++
</head>

<body>
++++
++++<p+class="color">Color+changing+text+based+on+browser
</body>
</html>|code-block|syntax|javascript|467267|entityMap^0|M|6|V|6|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

Firstly your code doesn't work - you should have the css read <code>.color</code> not <code>.class</code>

Second the conditional statements just don't work inside css. So instead write your code such that the conditional is around the IE specific styling. 

<pre><code>&lt;html&gt;
&lt;head&gt; 
 &lt;style type="text/css"&gt;
 .color{ color:red; }
 &lt;/style&gt;

 &lt;!--[if IE]&gt;
 &lt;style type="text/css"&gt;
 .color{ color:blue; }
 &lt;/style&gt;
 &lt;![endif]--&gt;
&lt;/head&gt;

&lt;body&gt;
 &lt;!--[if IE]&gt;
 This browser is IE
 &lt;![endif]--&gt;
 &lt;p class="color"&gt;Color changing text based on browser&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

blocks|key|1768581|text|如果“黑客攻击”针对的是IE6或更早的版本，您也可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1768582|.color+{
++++color:+red;
}

*+html+.color+{
++++color:+blue;
}|code-block|syntax|javascript|1768583|注意"*+html“前缀。这只能由IE6和更早的版本解析。您还可以使用"!important“声明。然后，该特定行将被IE6和更早的版本忽略。|1768584|.color+{
++++color:+red+!important;
++++color:+blue;
}|1768585|如果您有相对较多的CSS样式表文件，更好的做法是使用条件语句加载一个额外的CSS样式表文件。|1768586|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If the 'hack' is targeted on IE6 or older you can however also do as follows:

<pre><code>.color {
 color: red;
}

* html .color {
 color: blue;
}
</code></pre>

Note the "* html" prefix. This is only parsed by IE6 and older. You can also use the "!important" declaration. The particular line would then be ignored by IE6 and older.

<pre><code>.color {
 color: red !important;
 color: blue;
}
</code></pre>

If you have relatively a lot of them, a better practice would be to load an additional CSS stylesheet file using the conditional statement.

blocks|key|1766713|text|你也可以做颜色:+red;_color:blue；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1766714|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

you can also do color: red;_color:blue;

I'm trying to use the IE specific conditional statements to alter class settings based on browser type. I was under the impression they could do this but I can't seem to get it working.

Below is a simple example, if the browser is IE the text should be blue, otherwise text should remain red. 

"The browser is IE" statement in the body works fine, if I open firefox it's not there, internet explorer.. it is. 

What am I doing wrong?

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;style type="text/css"&gt;
.class{color:red;}
&lt;!--[if IE]&gt;
.class{color:blue;}
&lt;![endif]--&gt;
&lt;/head&gt;
&lt;/style&gt;
&lt;body&gt;
&lt;!--[if IE]&gt;
This browser is IE
&lt;![endif]--&gt;
&lt;p class="class"&gt;Color changing text based on browser&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

how come my IE conditional statements do not work inside style tags?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试使用IE特定的条件语句来根据浏览器类型更改类设置。我的印象是他们可以做到这一点，但我似乎不能让它工作。下面是一个简单的例子，如果浏览器是IE，文本应该是蓝色的，否则文本应该是红色的。主体中的"The browser is IE“语句工作正常，如果我打开firefox，它不在那里，internet explor...

问为什么我的IE条件语句不能在样式标签中工作？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的IE条件语句不能在样式标签中工作？EN