CSS无法处理通过内部链接访问id标记的页面

时间:2015-07-11 16:41:33

标签: html css hyperlink

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

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

每首诗都写在h3标题下的自己的p标签中,这些标签都具有相同的类属性,如下所示:

<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不起作用。

有什么想法吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

“#”标签是专为单页网站制作的,特别是博客供人们轻松访问但关于CSS,我从未遇到过,你能尝试粘贴代码吗?