关于haerder中导航项的问题！
来源：2-1 html5页面布局（表现层_header）
好狗边上飘314
2019-10-09 22:29:36
视频中的代码，按理说第一个a.active标签是一直有padding-bottom:7px存在的。为什么我看老师演示的时候每个导航项都会有相应的变化呢？
如果设置成header > .container > nav > a:hover{padding-bottom:7px}给每个导航项的话，当鼠标悬停状态为什么没有同样的效果？那通过其它什么方式可以实现呢？
写回答
1回答
-
同学你好，
1、老师演示的是鼠标放在每一项导航项上的效果哦，因为给所有的a标签都加了a:hover，见下图，同学可以再仔细的观看一下视频。
2、我这边测试的给每个导航项加上header > .container > nav > a:hover{padding-bottom:7px}时，效果是正确的哦，见下图:
同学可以自己再尝试一下，或者把详细的代码贴出来，我们才能帮你解决问题。
希望我的回答能够帮助到你，望采纳，祝学习愉快！
0
相似问题