HTML 不会链接到 CSS
[英]HTML won't link to CSS
问题描述
这就是我在开始时所拥有的 - 还有更多，但一切都很好：
<!DOCTYPE html>
<html>
<head>
<title>My Life Story</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<header>
<section id="navi">
<nav>
<ul>
<li><a href="index.html">Introduction</a></li>
<li><a href="Wales.html">Wales</a></li>
<li><a href="inverness.html">Inverness</a></li>
<li><a href="edinburghone.html">Edinburgh Part One</a></li>
<li><a href="edinburghtwo.html">Edinburgh Part Two</a></li>
<li><a href="bristol.html">Bristol</a></li>
</ul>
</nav>
</section>
</header>
</body>
</html>
我的style.css：
.header {
padding: 60px;
text-align: center;
background: #f2acec;
color: white;
font-size: 40px;
}
index.ul {
list-style-type: none;
margin: 0;
padding: 0;
}
CSS 文件与 .html 位于同一文件夹中 - 但是当我加载它时，没有任何反应 - 为什么？ 我到处看了看，似乎我没有做错任何事。 我错过了什么？
2 个解决方案
解决方案1
3 已采纳 2020-03-14 23:58:10
联动没问题。 您的 CSS 选择器都没有与 HTML 对应。 以下应该工作：
header {
padding: 60px;
text-align: center;
background: #f2acec;
color: white;
font-size: 40px;
}
header ul {
list-style-type: none;
margin: 0;
padding: 0;
}
解决方案2
2 2020-03-14 23:58:29
您的 CSS 选择器当前未选择您显示的 HTML 中的任何标签。 例如.header - css 中的一个点和一个名称意味着您要选择在其类属性中具有 this 的元素。 您应该有header来选择标题标签。
HTML和CSS不会链接
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.