CSS无法在通过ID标记的内部链接访问的页面上工作

Question

我对Web开发还很陌生，我只是想建立自己的第一个练习网站，但是遇到了问题。 主要内容在充满诗歌的页面上，称为disobedient-poems.html。 每首诗都有自己的标题和自己的id标签，如下所示：

<h3 class="poem-heading" id="today">Today</h3>

每首诗都在h3标题下的自己的p标签中编写，它们都具有相同的class属性，如下所示：

<p class="poems">blah blah blah</p>

当我单击该页面的html文件以在Safari中查看该页面时，我用来为该页面设置样式的CSS可以正常工作。 但是，如果我通过内部链接访问该页面，该内部链接通过在链接末尾添加id标记链接到该页面的特定部分，如下所示：

<a href="disobedient-poems.html/#today">Today</a>

链接有效，但CSS不再在该页面上起作用。 如果我回到其中的文件夹中的disobedient-poems.html文件并直接将其打开，则CSS可以正常工作。 整个站点上的主导航在页面之间正常工作，并且CSS文件正确链接到每个页面，当单击链接到id标签的内部链接时，CSS只是不起作用。

有任何想法吗？ 提前致谢。

Answer 1

“＃”标记专门用于单页网站，尤其是博客，人们可以轻松访问它，但是关于CSS，我从未见过，您可以尝试粘贴代码吗？