伪类选择器

suncolor / 2023-08-12 / 原文

链接伪类选择器

  • a:link
    表示对于没有访问过的链接设置样式

  • a:visited
    表示对于访问过之后的链接设置的样式

  • a:hover
    表示给鼠标悬浮到某个链接设置的样式

  • a:active
    表示给我们鼠标按下还没有弹起的链接设置样式

开发中的注意点:
1.链接伪类选择器的书写顺序必须是LVHA,如果hover写在了visited前面,那么hover就不会生效了
2.我们开发中经常会给a标签设置一个样式,去除它默认的蓝色样式
3.四种伪类选择器我们常用的是hover伪类

focus伪类选择器

focus伪类选择器常用于选取获取焦点的表单元素,用来修改获取焦点的表单元素的样式

常用写法:

input:foucus {
	background-color: blue;
}

<input type=text>