如何在1个Html中嵌入2个css？_Html_Css

如何在1个Html中嵌入2个css？

html css

如何在1个Html中嵌入2个css？,html,css,Html,Css,头部 <head> <meta charset="utf-8"> <title>Kaffehaus Mannfredo | Home</title> <link rel="shortcut icon" href="../1_pics/favicon.ico" /> <link rel="stylehseet" type="text/css" href="../2_css/general.css"> <

头部

<head>
  <meta charset="utf-8">
  <title>Kaffehaus Mannfredo | Home</title>
  <link rel="shortcut icon" href="../1_pics/favicon.ico" />
  <link rel="stylehseet" type="text/css" href="../2_css/general.css">
  <link rel="stylesheet" type="text/css" href="../2_css/nav.css">
  <link href='fonts.googleapis.com/css?family=Open+Sans' ; rel='stylesheet' type='text/css'>

第二个CSS

body {background-color: black;}

我正在尝试在1个html中添加2个CSS文件。第二个不起作用

第一个我格式化导航栏，第二个我想为整个页面做一个基本布局，有什么提示吗？

这一行无效

去掉分号

分号用于属性值对，而不是在

标记中随机使用

请提供您的代码

如果我理解正确，一个CSS工作，另一个不工作，那么可能是语法错误。检查CSS文件的路径和名称是否正确。如果您复制并粘贴了它，请确保更改了第二个的名称。下面是名为CSS的文件夹中两个名为1和2的不同CSS文件的示例

<link rel="stylesheet" type="text/css" href = "css/1.css" />
<link rel="stylesheet" type="text/css" href = "css/2.css" />

如果您的文件不在文件夹中，只需删除“css/”部分

您确定所有文件都已加载吗

按F12并检查控制台，它会给

uncaught error failed to load

或者类似的

您可以添加任意数量的css

来自以下外部文件：

<link rel="stylesheet" type="text/css" href="PATH_TO_YOUR_FILE">

在这种情况下，

h1

到处都是红色

因此，在第一个css文件中，您必须通过向选择器添加类或id来更加具体：

/* first css file */
.navbar h1{
  color:blue;
}

看看什么不起作用？把你目前掌握的代码贴出来。然后告诉我们您希望看到什么以及它是如何工作的，找出抛出的任何特定错误以及导致这些错误的行。您是否试图在头部中包含两组样式标记？或者链接到两个外部css文件？整个第二页都不起作用，例如背景，如果我想在第二个css中设置背景，它不会改变我网站上的任何内容。使用多个样式表没有什么特别的。听起来你的链接标签有问题吗？可能文件路径不正确？发布你的代码。我确实这样做了，但我仍然无法让它工作，两个css都在同一个文件夹中，但名称不同。尝试删除正在工作的css，看看第二个oneNo是否进行了更改。它没有改变任何东西，但会从我的导航中删除格式设置。但是我不会对这个页面感到惊讶。检查第二个文件的扩展名，确保它是。cssI检查它是一个css，我也意识到，如果我只是在我的身体里写一些东西，它就不会出现，所以很糟糕，我的整个身体都不会显示。分号是我发布它时的一个拼写错误，我在我的原始代码中找不到它。在我检查时，它没有给我错误。这意味着所有内容都已正确加载尝试使用此尝试，而不是

<style>
  /* ...Some css...*/
</style>

/* first css file */
h1{
  color:blue;
}

/* second css file */
h1{
  color:red;
}

/* first css file */
.navbar h1{
  color:blue;
}