html - CSS 不适用于通过内部链接访问 id 标签的页面

标签 html css hyperlink

我是网络开发的新手,我只是想制作我的第一个练习网站,但我遇到了问题。主要内容在一个充满诗歌的页面上,名为 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/

相关文章:

javascript - 使用 jquery 动态调用现有的 div

javascript - 我如何制作幻灯片,即加载开始时和悬停时停止

html - Bootstrap 表的选项卡导航面板已随机停止工作

css - 如何调整复选框复选标记的大小?

html - anchor 内的div

html - 如何设置 ul 元素内联和垂直对齐

javascript - 使用 Bootstrap,我只能让文本充当链接,而不是整个按钮?

jquery - 向下滚动时导航栏不会固定

java - 如何在另一个 Activity 中输入两个 Activity 链接?

flash - 不想在 Flash 中打开新窗口