鼠标经过效果a.active代表什么意思？
1 2 | nav > a:hover,nav > a.active { padding-bottom: 7px; } |
问题1：
1 | a:hover, |
这里面的“，”代表什么意思？
问题2:
1 | a.active { padding-bottom: 7px; } |
.active这应该是代表选择到命名为active的class吧。
问题3:
单独用a.active { padding-bottom: 7px; }是没法完成滑动效果的，我理解的是a:hover代表的是当鼠标经过a链接时发生效果，命名为active的class的内边距下方会增加7px，希望老师给我解答下。
补充：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <header><div><a href="index.html"><img src="images/logo.png"></a><nav><a href="index.html" class="Home">Home</a><a href="#" class="Course">Course</a><a href="#" class="Actual">Actual</a><a href="#" class="Plan">Plan</a><a href="#" class="FAQ">FAQ</a><a href="#" class="Notes">Notes</a></nav></div></header> |
这里面没有命名为active的class啊
210
收起
正在回答
1回答
①nav > a:hover,nav > a.active { padding-bottom: 7px; }之间的逗号表示是群组选择器；
群组选择器
可以把这几个相同设置的选择器合并在一起，将同样的定义应用于多个选择器，可以将选择器以逗号分隔的方式并为组。其基本语法如下。E1,E2,E3{}
②问题二你的理解是正确的
③nav > a:hover表示鼠标滑动的效果，a.active表示html中带有lass为activec的样式，这里表示默认选中的样式；
望采纳~
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星