HTML 不会链接到 CSS

这就是我一开始所拥有的 - 还有更多，但一切都很好：

<!DOCTYPE html>

<html>

<head>

<title>My Life Story</title>

</head>

<body>

<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 位于同一文件夹中 - 但当我加载它时，没有任何反应 - 为什么？我到处都看过了，似乎我没有做错什么。我缺少什么？

慕容708150

浏览 90回答 2

2回答

噜噜哒

联动就好了您的 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