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

Posted 2023-03-05

【中文标题】网络选项卡未显示应用在选择器上的 css

【英文标题】：Network tab is not showing the css applied on the selectors

【发布时间】：2021-12-31 05:48:25

【问题描述】：

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

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

【问题讨论】：

首先，您的 CSS 无效，请阅读有关 CSS 的内容，然后开始使用。第二件事是，网络标签不显示 CSS，元素标签显示。

【参考方案1】：

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

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

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

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

【参考方案2】：

h1:
    color: red;

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

h1
    color: blue;

h1:hover
    color: red;

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