所以我正在编写一个 css 文件来操纵我的导航栏。 HTML 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Designs by Dante</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h2>Designs by Dante</h2>
<ul id=“navigation”>
<li><a href="www.designsByDante.com/homepage.html">Home</a></li>
<li><a href="www.designsByDante.com/about.html">About</a></li>
<li><a href="www.designsByDante.com/services.html">Services</a></li>
<li><a href="www.designsByDante.com/portfolio.html">Portfolio</a></li>
<li><a href="www.designsByDante.com/contact.html">Contact</a></li>
</ul>
</body>
</html>
很简单。我用导航类制作了无序列表，这样我就可以在所有五个网页上对其进行相同的操作。
但是，我在与五个 .html 文件完全相同的文件夹中创建了一个 style.css 文件，它并没有从中提取任何内容。嗯，差不多。
这是 CSS 文件代码:
#navigation
{
margin:50px;
padding:0;
list-style:none;
width:525px;
}
我知道您必须使用 HTML 中的属性从 .css 文件中绘制，但是除了正确命名和链接之外，.css 文件中是否有一些东西可以让 HTML 识别它？
我试过这个，我确定它不是 .css 文件。得出该结论的原因是因为我将 .css 文件上的#navigation 更改为 ul 和 presto ...它起作用了。
下一步是确保我写的是正确的，鉴于上面的代码，我认为是正确的。昨晚我对 CSS 进行了大量研究，因为我之前的问题是在没有进行任何研究的情况下完成的。但我真的被困住了，希望有人能告诉我我做错了什么。我现在将继续浏览 w3schools.com 网站。感谢您花时间阅读此消息!
最佳答案
您正在使用 LEFT DOUBLE QUOTATION MARK (“) 和 RIGHT DOUBLE QUOTATION MARK (”) 你应该使用 QUOTATION MARK 的地方(")(或 APOSTROPHE ('))围绕您的 id 属性值。
由于这些不是属性值的有效分隔符，因此它们被视为 id 的一部分。
最初写这个答案时，a validator 会选择它.包含这些字符的 ID 在 HTML 5 中有效，因此情况不再如此。
关于html - 引用 CSS 类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44440380/