浏览器特定的CSS仅适用于Internet Explorer和Firefox

Question

请帮助我需要IE的怀特风格只有有任何人知道它也很好我想要Firefox特定的CSS，我试图显示这样的事情

Answer 1

此链接可以为您提供帮助：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

对于Firefox，请查看：http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/

Answer 2

在标题中放置类似于以下内容的内容。

<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

这适用于您选择的任何浏览器，请考虑：

<!--[if lt IE 9]>
your css in here
<![endif]-->

如果浏览器是8或更低，这将显示您指定的规则。

Answer 3

任何使用mozilla的方法：

@-moz-document url-prefix() 
{ 
  // Styles for mozilla goes here
}

对于特定IE，请使用以下内容。这是IE 8

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

适用于IE 7及更低版本

<!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

适用于IE 7及更高版本

<!--[if gt IE 6]>
    <link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->

或

<!--[if gte IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->

如果你想使用IE的内联CSS ，那么不要链接到CSS文件，而是在条件之间添加样式。

<!--[if gte IE 7]>
        <style>
                  // Style for IE 7 and higher versions.
            </style>
<![endif]-->

Answer 4

对于IE，您可以使用：

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

对于mozilla，您可以使用：

<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
    // all styles for mozilla alone
}
</style>