a:hover和a.active的意义和作用是什么

首页课程实战体系课手记专栏慕课教程

来源：2-1 html5页面布局（表现层_header）

m敏

2017-01-28 22:21:04

header > .container > nav > a.home{background: #433b90;}

header > .container > nav > a.course{background: #017fcb;}

header > .container > nav > a.actual{background: #78b917;}

header > .container > nav > a.plan{background: #feb800;}

header > .container > nav > a.faq{background: #f27c01;}

header > .container > nav > a.notes{background: #d40112;}

header > .container > nav > a:hover,

header > .container > nav > a.active{padding-bottom:7px; }

写回答

3回答

小感冒

2017-01-31

已采纳

老师这里是的分别使用了:hover伪类和 class

a.active 没有使用伪类，只是使用了class名字

就是给class等于active的元素添加一个下内边距

h敏

h 非常感谢！

h017-02-01

共1条回复

小丸子爱吃菜

2017-02-06

a.active是选择a链接中类选择器是active的a~

小丸子爱吃菜

2017-01-28

a:active选择活动链接，并设置其样式,也就是当你的鼠标点击链接不放时的状态；

a:hover鼠标悬停在链接时的样式。

这两个主要是针对鼠标出发链接时的样式和状态，比如鼠标划过导航项时，导航项要有什么样的样式等等~

祝学习愉快！

hotDeath

h 报告助教，视频里用的是a.active，而不是:active伪类

h017-02-03

共1条回复

0 学习 · 5760 问题

查看课程

相似问题

为什么用a:hover和a.active

回答 1

鼠标经过效果a.active代表什么意思？

回答 1

课程中10分22秒有一段CSS代码不是很明白

回答 2

a.active{padding-bottom:7px; } ?

回答 3

如何才能使logo和右面的文字都竖直剧中？css里a.active不起作用是咋回事？

回答 1

打开慕课网App查看更多内容