Fatal编程技术网
  • html/
  • Html 两个链接的CSS文件不工作 水务局

Html 两个链接的CSS文件不工作 水务局

html css

Html 两个链接的CSS文件不工作 水务局,html,css,Html,Css,这就是代码，但是“custom.css”不起作用。这根本不起作用。如果我们将@import添加到main.css中或添加到头文件中，而不是添加一个@import，那么效果很好。有什么想法吗？我们还取消了这两个平台上的media=“screens” 它内部的CSS工作正常，只是当我们堆叠这两个CSS时，第一个被解析的CSS是浏览器读取的唯一CSS。所以，如果我们在自定义项下交换main，自定义项比工作项多，但没有一个主工作项。custom只包含一段CSS，并没有覆盖main中的所有CSS，只有一个

这就是代码，但是“custom.css”不起作用。这根本不起作用。如果我们将@import添加到main.css中或添加到头文件中，而不是添加一个@import，那么效果很好。有什么想法吗？我们还取消了这两个平台上的media=“screens”

它内部的CSS工作正常，只是当我们堆叠这两个CSS时，第一个被解析的CSS是浏览器读取的唯一CSS。所以，如果我们在自定义项下交换main，自定义项比工作项多，但没有一个主工作项。custom只包含一段CSS，并没有覆盖main中的所有CSS，只有一个元素

我搞不懂！我们还有其他的ed样式表（为了解决这个问题，我们取出了这些样式表），它们工作得很好…

我认为有两个地方可能是问题所在：

  • custom.css的
    href
    当前指向HTML文件当前目录中的一个位置。如果custom.css像main.css一样位于/css目录中，则必须添加它。使用
    @import
    标记时会包含该文件，因为
    @import
    是相对于main.css的，并且它可以在与main.css相同的目录中找到custom.css

  • 有一个未关闭的CSS标签或其他东西正在破坏它后面的所有CSS；这是不太可能的，但您可以使用验证您的CSS

    • 这可能是由于CSS处理的方式，但也可能是由错误的标记引起的。尝试验证您的文档或使用
    custom.css
    样式表的绝对路径。

    如hsource所述，尝试验证两个css文件

    也可以尝试一下，在没有标题的情况下，将两个css文件都放在同一个文件夹中，并且都与导入它们的页面相关：

    <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>
    也可能是因为您没有使用任何doctype，也没有关闭链接标记，所以与此相关的某些内容可能是您的问题。所以试试这个：

    <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/custom.css" media="screen" />
    GaVra，关于doctype等等，你是对的。我们应该知道，鉴于HTML5 doctype正在使用，可能还没有准备好采取行动

    谢谢

    谢谢，DOCTYPE的工作：）很奇怪。。。我不敢相信没有人在HTML5规范中提到过这一点。我们曾经在HTML5中使用过，但是改变它似乎是可行的。 
    <!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>