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

Question

我是标记语言的新手，在将我的第一个css文件应用到我的index.html时，我遇到了一些问题。下面是我如何在html文件css file中使用链接标记: index.html代码

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

Answer 1

1. 检查您是否已在index.html中导入css文件。(我想您应该这样做，因为它显示在网络选项卡中)

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

1. 还可以在鼠标悬停时单击一个元素，并检查这些样式是否应用于开发工具中样式部分中元素选项卡的右侧。找到您的元素并检查是否应用了您定义的样式。

1. 如果thid不起作用，如果您定义的样式被某些其他样式覆盖，请检查相同的样式选项卡。

Answer 2

h1:{
    color: red;
}

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

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

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