CSS选择器:伪类

伪类:同一个标签根据不同的状态,有不同的样式,这就叫伪类;伪类用冒号表示

比如DIV是box类,就是box类,这一点很明确,但是A不一样A是什么类呢? 不确定,因为需要看用户点击前是什么状态,点击后是什么状态

静态伪类与动态伪类

伪类选择器分为两种.

1.静态伪类:只能用于超链接(A标签)的样式.如下

• :link   超链接点击之前
• :visited   链接被访问之后

2.动态伪类:针对所有的标签都适用的样式

• :hover   "悬停":当鼠标放在标签上执行的样式
• :active"激活":当你点击标签,摁下之后执行的样式
• :focus   是某个标签获得焦点时的样式(比如某个输入框获得焦点)

超链接A标签

A标签的四种状态,如下

 

• :link   超链接点击之前
• :visited   链接被访问之后
• :hover   "悬停":当鼠标放在标签上执行的样式
• :active"激活":当你点击标签,摁下之后执行的样式　　

对应代码如下:

a:link{//点击前
  color: red;
}
a:visited{//点击后
  color: blue;
}
a:hover{//鼠标悬停在元素上
  color: pink;
}
a:active{//鼠标点击不松开
  color: green;
}

在CSS中这四种状态必须是按照固定的顺序写,否则将失效

转载于千古壹号:https://www.cnblogs.com/qianguyihao/p/8280814.html