如何将多个CSS样式表分配给html内容的各个部分?
问题描述:
我们正在寻找引用同一页面内的多个CSS样式表。标题将包含一个包含一组样式表的导航栏,而其余页面则需要分配一个单独的样式表。我们不允许更改任一样式表。下面的代码片段:如何将多个CSS样式表分配给html内容的各个部分?
<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">
您可以包含尽可能多的样式表。
+0
那些适用于页面内特定部分的内容? – realrx7 2014-10-08 15:37:49
+0
在css文件中,您引用了页面的不同元素/部分。例如,如果您有
标记,则可以使用#myDiv {}引用CSS中的div,并根据需要设置该div元素的样式。 – LiamWilson94 2014-10-08 15:38:54+0
我们无法更新css文件 – realrx7 2014-10-08 15:41:21
答
当然,你可以链接尽可能多的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">
答
听起来这是无法实现的,自大家正在拆我的问题摆在首位消失了,我假设他们没有比其他完全改变内嵌样式表的所有元素在一个单一的合并建议位置。
是的...下一个问题?尽管元素不包含样式表,但'
'部分却包含样式表。没有理由为什么样式表不能将**应用于特定元素。 – 2014-10-08 15:23:15如何应用? – realrx7 2014-10-08 17:36:15