CSS—伪类
伪类和类相比较,伪类不需要给标签添加任何属性。伪类名都是语法提前规定好的,书写时伪类必须搭配其他选择器使用。伪类选择器后面添加的样式不一定立即加载到浏览器之上,只有用户触发了对应的行为伪类的样式才会立即加载(对应类选择器的属性会立即添加到页面上)。
标签的伪类
标签可以根据用户行为的不同划分为四种状态,通过伪类可以设置成不同的样式结果。
a:link{
color:grey
}***(访问前样式)***
a:visited{
color: cyan
}***(访问后样式)***
a:hover{
color:red
}***(鼠标放在按钮上方时的样式)***
a:active{
color:yellow
}***(鼠标点击按钮时发生样式的改变)***
要想让每个伪类的状态正常加载,就必须按以上四个标签的书写顺序书写。love hate
标签的伪类实际应用:
一般会将访问前和访问后状态设置为一样的效果,保证了页面的统一性。可以选择性设置鼠标上和鼠标点击状态。