Question

文件/网页内容包含以下附加的外部级联样式表

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/a.css" rel="stylesheet" type="text/css" />
<link href="css/b.css" rel="stylesheet" type="text/css" />
<link href="css/c.css" rel="stylesheet" type="text/css" />
<link href="css/d.css" rel="stylesheet" type="text/css" />
</head>

如果我只想在所有样式表中为a.css使用多个浏览器特定的条件语句，那么如何将b.css，c.css和d.css等其他样式表放在头标记处？< / p>

谢谢，

Answer 1

使用像这样的条件评论......

<!--if [browser-specific condition statement/s]>
<link href="css/a.css" rel="stylesheet" type="text/css" />
<![endif]-->

根据需要注入条件。

Answer 2

答案可能就像

一样简单

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/a.css" rel="stylesheet" type="text/css" />
<!--[if IE ]>
<link href="/css/a@internetexplorer.css" rel="stylesheet" type="text/css">
<![endif]-->
<link href="/css/a@webkit.css" media="screen and (-webkit-min-device-pixel-ratio:0)" rel="stylesheet" type="text/css" />
....and so on
// Other external css files shall go below this line within the head tag
<link href="css/b.css" rel="stylesheet" type="text/css" />
<link href="css/c.css" rel="stylesheet" type="text/css" />
<link href="css/d.css" rel="stylesheet" type="text/css" />
</head>

由于某些未知原因，我在本地主机上的浏览器忽略了条件注释下面的其他css文件，这些文件对于正确答案来说根本不可数。

条件CSS声明

2 个答案: