<head>
<title>Water Bureau</title>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/main.css" type="text/css" media="screen" title="Main CSS">
<link rel="stylesheet" href="custom.css" type="text/css" media="screen" title="Custom Styles">
<script language="JavaScript" src="/shared/js/createWin.js" type="text/javascript"></script>
</head>
这就是代码，但“custom.css”不起作用。它根本不起作用。如果我们在 main.css 中添加 @import 或在 header 中添加 @import 而不是 @import，它仍然可以正常工作。有任何想法吗？我们也去掉了两者上的 media="screens"。
它里面的 CSS 工作正常，只是当我们将这两个堆叠在一起时，第一个解析的是浏览器唯一读取的。因此，如果我们在自定义下方交换主要内容，则自定义比作品有效但没有主要作品。自定义只有 CSS 片段，并没有覆盖 main 中的所有 CSS，只有 1 个元素。
我想不出来!我们的头部有其他 ed 样式表(我们取出来试图解决这个问题)并且它们工作正常......
最佳答案
如 hsource 所说，尝试验证两个 css 文件。
http://jigsaw.w3.org/css-validator/
也试试这个，没有标题的东西，两个 css 文件都在同一个文件夹中，都相对于导入它们的页面:
<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/custom.css" media="screen" />
也可能是因为您没有使用任何文档类型，也没有关闭您的链接标签，与此相关的问题可能是您的问题。所以试试这个:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/custom.css" media="screen" />
</head>
关于html - 两个链接的 CSS 文件不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2962501/