Html 为什么CSS片段可以在头部工作而不能在外部样式表中工作？

我有以下简单的HTML：

<p class="indexsub">Browse by Name</p>

当我把css放在网页的头部时，它对所有三个帐户都有效；尺寸、颜色和边距均适用。如果我把它放到一个外部样式表中，它完全无法应用。为什么会这样

一些希望有用的注释。1.外部样式表的其余部分工作正常。2.外部样式表没有名为“indexsub”的冲突实体。3.我试着把css片段放在外部样式表的最底部，所以最后一件事是为了防止其他设置对它施加压力。这也没什么区别。4.我尝试将HTML更改为使用SPAN标记而不是P标记。没有什么不同

---

对我来说，将css置于HTML之外是很重要的，因为我需要对字体大小进行一些媒体查询，以便在较小的移动设备中缩小字体大小。谢谢。

您是否检查了css文件是否正在加载到您的浏览器中？是的，@mayankTUM，请参阅我上面的注释1。样式表的其余部分工作正常。试着缩小你的问题范围：在段落中添加另一个类，为该类定义一个样式-它是否得到应用？如何加载样式表？如果您在该样式表中进行其他更改，它们是否得到应用，即排除缓存问题？最好检查Chrome inspect元素，看看它是否在其他地方被覆盖。外部样式表是这样加载的：外部CSS中的所有其他内容都可以正常工作。立即可以看到其他部件的新变化。

.indexsub {
    font-size: 1.3em;
    color: #efb03e;
    margin: 5px 0 0 5px;
}