网络选项卡未显示应用在选择器上的 css

Question

我是标记语言的新手，在将我的第一个 css 文件应用到我的 index.html 时遇到问题。以下是我在 html 文件css file 中使用链接标签的方法： index.html 代码

我在开发人员工具中检查了网络选项卡，css 文件正在加载，但是当我单击任何特定标签以查看其样式时，它没有显示在那里。我在下面添加 css 文件和网络选项卡屏幕截图： 网络选项卡未显示应用的 css

Answer 1

1. 检查是否已在 index.html 中导入 css 文件。 （我猜你应该有，因为它显示在网络标签中）

2. 签入开发者工具 > 元素。单击切换设备工具栏旁边元素选项卡左侧的箭头指针。或者按 Ctrl + Shift + C。现在将鼠标悬停在您为其指定样式的元素上。

3. 此外，当您悬停时，单击一个元素并检查样式是否应用在开发工具中样式部分的元素选项卡的右侧。找到您的元素并检查您定义的样式是否已应用。

4. 如果这不起作用，请在同一个样式选项卡中检查您定义的样式是否被其他样式覆盖。

Answer 2

h1:{
    color: red;
}

所以，这不是一个有效的 CSS 代码。相反，你应该纠正这样的事情：

h1{
    color: blue;
}
h1:hover{
    color: red;
}

这是正常和悬停状态的例子。希望能解决问题。