如何在 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 元素，例如段落。