如何在 HTML 中使用这个特定的选择器

Question

我正在尝试为我正在处理的页面设置外部 css 文件。

在我的 html 文件中我有一行

div id="something"

我想更改该 div 中文本的颜色，因此在我的 .css 文件中我有一行

div #something {color: red;}

但颜色不会改变，我只是在学习，我花了很多时间试图找出我做错了什么，但我无法弄清楚。非常感谢任何帮助

Answer 1

#您需要删除和 id 名称之间的空格所以div#something {color: red;}应该有效。但请记住，由于ids 在文档中必须是唯一的，因此您不需要指定 tag 。就#something {color: red;}足够了。空格用于分隔选择器并描述嵌套层次结构（称为后代组合器）。sodiv #something表示以 id 为目标的元素something嵌套在div.

Answer 2

您需要输入以下内容：#something {     color:red; }向我们展示您在 html 中的 css 连接，它可能以错误的方式完成。

Answer 3

您必须在 html 代码中链接 .css 文件！如果你没有这样做...在你的head.<link rel="stylesheet" type="text/css" href="fileName.css">

Answer 4

您需要使用：div#something {color: red;}之间没有空格#，something因为您将焦点分配给 div 的 id 元素，而不是分配给 div 的另一个元素的 id 元素，例如段落。