HTML 不会链接到 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>
</nav>
</section>
</header>
</body>
</html>
我的样式.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 位于同一文件夹中 - 但当我加载它时，没有任何反应 - 为什么？我到处都看过了，似乎我没有做错什么。我缺少什么？
慕容7081502回答
-
噜噜哒
联动就好了 您的 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;}https://codepen.io/leepowers2/pen/VwLxZLX -
慕慕森
您的 CSS 选择器当前不会选择您显示的 HTML 中的任何标签。例如.header- css 中的一个点和一个名称意味着您想要选择在其类属性中具有此属性的元素。您应该必须header选择一个标题标签。
随时随地看视频慕课网APP
相关分类
Html5