我可以在 CSS 文件中插入浏览器测试或条件注释吗？

发布于 2024-10-09 01:03:39 字数 226 浏览 9 评论 0原文

嗨
我有一个根据浏览器应用不同样式的CSS，我想在CSS文件本身（而不是在HTML或PHP文件中）测试浏览器（如果浏览器不是IE）。

我该怎么做呢？使用这个：吗？？？

<!--[if !IE]>
<style>
//code
</style>
<![end if]-->

我应该在 CSS 文件中

原文

Hi
I have a CSS that applies different styles according to the browser, and I want to test for the browser (if browser is not IE) in the CSS file itself (not in the HTML or PHP file).

How can I do it? Should I use this:

<!--[if !IE]>
<style>
//code
</style>
<![end if]-->

in the CSS file???

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

忆沫 2024-10-16 01:03:39

这些条件注释仅适用于 IE。因此，检查 !IE 不会对其他浏览器执行任何操作;)

您可以使用 Javascript 注入 CSS。我只是即兴创作，类似这样的事情可能会做（jQuery）：

if( !$.browser.msie ) {
  $("#someLinkElement").attr( "href", "webkit.css" );
}

编辑：条件现在适用于非 IE 浏览器

These conditional comments are IE-only. So checking for !IE won't do anything to other browsers ;)

You could inject the CSS with Javascript. I'm just improvising, something like this might do (jQuery):

if( !$.browser.msie ) {
  $("#someLinkElement").attr( "href", "webkit.css" );
}

Edit: the condition holds for non-IE browsers now

回复收藏 0 原文

雨落星ぅ辰 2024-10-16 01:03:39

最好将每个浏览器特定的代码添加到单独的文件中，并使用与您正在使用的相同的条件导入所需的文件，是的，条件将位于 CSS 外部和实际 HTML 文件内部。

回复收藏 0 原文

美人迟暮 2024-10-16 01:03:39

不幸的是，没有可以在 CSS 中使用的条件注释的等效语法。条件注释是 Microsoft 对 HTML 的扩展，而不是 CSS。

但是，您可以用 PHP 编写 CSS 文件，然后让 PHP 将其作为 CSS 文件提供服务。

请注意，用于检测非 Internet Explorer 浏览器的条件注释语法是错误的。您需要以下内容：

<!--[if !IE]>-->
<style>
//code
</style>
<!--<![endif]-->

这将隐藏 IE 注释之间的代码。

Unfortunately, there isn’t an equivalent syntax to conditional comments that you can use within CSS. Conditional comments are a Microsoft extension to HTML, not CSS.

You could, however, write your CSS file in PHP, and get PHP to serve it as a CSS file.

Note that your conditional comment syntax for detecting browsers that aren’t Internet Explorer is wrong. You want the following:

<!--[if !IE]>-->
<style>
//code
</style>
<!--<![endif]-->

That’ll hide the code between the comments from IE.

回复收藏 0 原文

晌融 2024-10-16 01:03:39

更好的方法是根据浏览器类型/版本将特定类应用于页面的元素。然后，您可以从 CSS 文件中定位特定浏览器。

这正是 html5 样板项目所做的：

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

现在要专门为 IE6 编写 CSS，您只需将以下内容添加到样式表中即可:

.ie6 .some-div {
    margin: 0;
}

等等等等。

A better approach is to apply specific classes to the <html> element of your page based on the browser type/version. You can then target specific browsers from within your CSS file.

This is exactly what the html5 boilerplate project does:

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

Now to write CSS specifically for IE6 you can just add the following to your stylesheet: