如何将多个css样式表分配给html内容的各个部分？_Html_Css

如何将多个css样式表分配给html内容的各个部分？

html css

如何将多个css样式表分配给html内容的各个部分？,html,css,Html,Css,我们希望在同一页面中引用多个css样式表。标题将包含一个带有一组样式表的导航栏，而其余页面将需要分配一个单独的样式表。我们不允许更改任何一个样式表。下面是一段代码： <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini

我们希望在同一页面中引用多个css样式表。标题将包含一个带有一组样式表的导航栏，而其余页面将需要分配一个单独的样式表。我们不允许更改任何一个样式表。下面是一段代码：

  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Title</title>
  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" type="text/css" href="stylesheet1">
  <link rel="stylesheet" type="text/css" href="stylesheet2">
  <link rel="stylesheet" type="text/css" href="stylesheet3">
  <link rel="stylesheet" type="text/css" href="stylesheet4">
  <link rel="stylesheet" type="text/css" href="stylesheet5">

***Apply stylesheet1 here only***
<!-- navbar -->
<div class="navbar navbar-default" role="navigation">
<div class="container">
    <button type="button" class="navbar-toggle" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#"><img src="#" alt="Image"></a>
 <!--END NAV-->

 ***Apply stylesheet2 here only***
 <!--Content-->
 <div id="content">
 <div class="container">
 <div class="row">
 <!--END CONTENT-->

 etc.....

对。在html文件的头部分添加样式表

<link rel="stylesheet" type="text/css" href="path to your css">

您可以包含任意多个样式表。

当然，您可以链接所需的任意多个CSS样式表

<link rel="stylesheet" type="text/css" href="style1.css">
<link rel="stylesheet" type="text/css" href="style2.css">
<link rel="stylesheet" type="text/css" href="style3.css">

听起来这是不可能实现的，因为所有一开始就打断我的问题的人都消失了，我假设他们除了完全改变内联样式表以将所有元素合并到一个位置之外没有其他建议。

是的……下一个问题？虽然元素不包含样式表，但该部分包含。但是，没有理由不能将样式表仅应用于特定元素。如何应用样式表？如何仅将样式表应用于页面的特定部分？在每个页面中仅添加所需的样式表。如果您使用PHP等生成页面，请使用条件。这些条件如何应用于页面中的特定部分？在css文件中，您引用页面的不同元素/部分。例如，如果您有一个标记，那么您可以使用myDiv{}引用css中的div，并根据需要设置此div元素的样式。发布css文件和html文件将非常有帮助。在snippet中添加。我们希望为每个部分应用不同的样式表。