如何将两种css应用于一个控件，一个用于Internet Explorer，另一个用于firefox和chrome

Question

如何将两种css应用于一个控件，一个用于Internet Explorer，另一个用于firefox和chrome

只是在Internet Explorer中，contentplaceholder今天移动到另一个地方，过去几天没有问题

<div id="content" style="margin-top:28px; margin-left: 240px; border:0px solid;">
                    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </div>


<!--[if IE]>
#hellocss
{
    margin-top:-600px; margin-left: 100px; border:0px solid;
}
<![endif]-->

<!--[if !IE]>
#hellocss
{
    margin-top:28px; margin-left: 240px; border:0px solid;
}
<![endif]-->

我遇到一个大问题，它可能是Internet Explorer中margin-top的负数

Answer 1

您可以在CSS中使用Conditional Comments

<!--[if IE]>
<link href="Styles/IEstylesheet.css" rel="stylesheet" type="text/css" />
<![endif]-->

Answer 2

为ContentPlaceHolder提供一个类：

<asp:ContentPlaceHolder CssClass="contentPlaceHolderClass" id="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>

并在页面顶部使用条件CSS来定义此样式：http://www.quirksmode.org/css/condcom.html

Answer 3

我认为您可以在启动属性名称时使用下划线（_），以便它只适用于IE。

像 风格=“风格=”保证金顶：28px; margin-left：240px; border：0px solid; _margin-top：10px; _margin-left：240px; _border：0px solid; “＆gt;