a标签的伪类元素

一、a的伪类通俗来说就是给超链接a添加四种状态
第一种状态未点击 语法：a:link{color:#FFF}
第二种状态点击过也是访问过的 语法：a:visited{color:#fof}
第三种状态点击过后的 语法a:hover{color:yellow;}
第四种状态点击中的 语法a:active{color:pink;}
注意点：1.规定一定要先设置选择器推荐使用class类名，不会引起冲突，或者使用后代选择器精确匹配以防打算全局的状态。伪类选择器的权重级和普通选择器的权重级别一样。
2.四种状态在css编写的时候有顺序要求，因为执行是从上到下顺序为 link、visited、hover、active。
3.普通元素，超链接都可以设置伪类元素但此时只会显示两个状态分别是hover和active。
二、伪类元素的其他使用
做一些表单和导航栏时鼠标移动上去背景颜色会改变，可以不使用js的鼠标的移入移出事件，使用伪类元素属性的第三种状态hover
举例如下

• 首页
• 手机
• 电脑

这是一个简单实现背景颜色改变的css操作。