id 和 class 属性不起作用答案

【问题标题】：The id and class attributes don't workid 和 class 属性不起作用
【发布时间】：2017-06-27 12:15:34
【问题描述】：

我正在尝试制作 HTML 代码，但是当我尝试将“div”与类或 id 一起使用时，它不会执行类中写入的内容。只有当我在标签之间写它时（所以当我在标签之间写宽度时它才有效，但如果我在课堂上写它就不行）。

.header {
  width: 100px;
  height: 10px;
  background: blue;
}

<!doctype html>
<html>

<head>
  <link type="text/css" rel="OIM11 - CSS" href="OIM11 - CSS.css" />
  <title></title>
</head>

<body style="background-color:#666666">
  <div class="header"></div>
</body>

</html>

知道为什么这不起作用吗？

【问题讨论】：

在header中设置rel为stylesheet，需要的rel属性指定当前文档与链接文档/资源的关系。
转换为 sn-p，似乎工作得很好。您只是将样式表链接错了。
它似乎工作正常，我看不到问题。
sn-p 引擎不使用那个链接标签。它有效，因为它被编码为正确包含 css。 @SergChernata

标签： html css class attributes

【解决方案1】：

如有疑问，请在几乎任何网站上打开开发人员工具并查看它们包含样式表的方式。我不知道你是怎么想出这种格式的。这是正确的方法：

<link rel="stylesheet" type="text/css" href="path/to/main.css">

另外，命名文件时避免使用空格。在您的情况下，我会将当前文件重命名为 OIM11-CSS.css。

【讨论】：

是的，我同意 Serg，它的最佳实践是使用开发人员工具查看如何在 Web 浏览器中为 HTML 页面加载样式表。我大部分时间都使用 FireBug 来调试我的样式表，甚至使用 firebug 来计算元素的样式属性。