javascript - html外部样式css第一个div失效。
本文介绍了javascript - html外部样式css第一个div失效。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
css样式表中第一个样式效果出不来，另外发现，只要div的设置哪个在第一个，第一个的样式就出不来。比如现在header排在第一个，header就没样式，nav排第一个nav就没样式。
<!DOCTYPE html>
<html>
<head>
<title>MY FIRST PAGE</title>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<div id="header">
<h1>City Gallery</h1>
</div>
<div id="nav">
London<br />
Paris<br />
Tokyo<br />
</div>
<div id="section">
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</div>
<div id="footer">
Copyright W3School.com.cn
</div>
</body>
</html>css的代码如下。
<style>
#header{
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav{
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section{
width:350px;
float:left;
padding:10px;
}
#footer{
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>请大家帮帮我，感觉问题解决不了好难受，流泪。。。
解决方案
<style>//把这个标签去掉吧，单独的css样式文件是不用写的，下面的那个也是的
#header{
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav{
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section{
width:350px;
float:left;
padding:10px;
}
#footer{
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>这篇关于javascript - html外部样式css第一个div失效。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
