a的作用是链接，点击<a></a>之间的内容，页面会跳转到链接的地址。直接设置它的颜色，比如，例子中a{color:#000}，意思是<a></a>之间的内容显示为黑色，如果不设置的话，浏览器默认的a链接的颜色是蓝色；
a:hover属于css，它设置了当鼠标悬浮在链接内容之上时，链接内容的样式，比如，例子中a:hover{ color:#F00}，它设置了当鼠标悬浮在该链接内容上时，链接内容变成红色。
扩展资料：总结几个a的伪类：
a:link 英文link就是链接的意思，代表当一段文本为链接时的属性。
a:visited 英文visited就是访问过的意思，代表这段文本被点击之后的属性。
a:hover 英文hover就是悬停的意思，代表鼠标指针放在这个链接上时的属性。
a:active 英文active就是有效的、快速的意思，代表鼠标按下时一瞬间的属性。
一般最常用的方法是a {CSS属性} a后面什么也没有，代表一次定义这四个属性，然后根据需要再定义其中某个属性就可以了，最常用的是a:hover {CSS属性}
参考资料：百度百科-CSS
元素添加hover伪类选择器时候一定要 紧贴 这hover， 不能有空格 ，有空格的话表示给该元素的所有子元素设置里hover样式。
错误例子：
ul :hover{} //ul的所有子元素设置了hover样式
正确例子：
ul:hover{} //ul会显示出想要的效果
ul:hover .one{// 子元素写在hover后面空格隔开
transform:rotateY(90deg)
}
ul:hover .two{
transform:rotateY(0deg)
}
ul:hover .thr{
transform:rotateY(360deg)
}
仅可以给自身的子元素设置样式 ，给其他元素子元素设置无效
接着上个例子举例子：
div:hover .one{}//不显示任何效果，hover失效
给兄弟元素设置：
ul:hover+.one
:hover选择器用于选择鼠标指针浮动在上面的元素。当鼠标悬停在元素上时，可使用此选择器设置元素的样式；它可用于每个元素。
语法：
与hover相关的伪类:
● :hover 选择器可用于所有元素，不仅是链接。
● :link 选择器设置了未访问过的页面链接样式,
● :visited 选择器设置访问过的页面链接的样式
● :active选择器设置当你点击链接时的样式
说明： 为了产生预期的效果，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。
示例1： 在悬停在元素上时更改背景颜色。
效果图：
示例2：在文本上悬停时显示隐藏的块
效果图：
更多HTML的相关知识，可访问： web前端自学 ！!
