我是网络开发的新手,我只是想制作我的第一个练习网站,但我遇到了问题。主要内容在一个充满诗歌的页面上,名为 disobedient-poems.html。每首诗都有自己的标题和自己的 id 标签,如下所示:
<h3 class="poem-heading" id="today">Today</h3>
每首诗都写在它自己的 p 标签中,在 h3 标题下,它们都具有相同的类属性,如下所示:
<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 只是不起作用。
有什么想法吗?提前致谢。
最佳答案
“#”标签是专门为单页网站特别是博客制作的,方便人们访问它但是关于CSS,我从来没有遇到过,你可以尝试粘贴代码吗?
关于html - CSS 不适用于通过内部链接访问 id 标签的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31359432/