伪类选择器
<!--
1.什么是伪类选择器
伪类选择器选中的是标签的状态，可以让同一个标签在不同的状态下有不同的样式
普通选择器：伪类选择器
2.常见的伪类选择器
link - 链接没有成功访问过对应的状态；（只针对超链接有效）
visited - 链接已经访问过的对应的状态；（只针对超链接有效）
hover - 鼠标悬停在标签上对应的状态；（针对所有可见标签有效）
active - 鼠标按下还没放开的时候的状态；（针对所有课间标签有效）
focus - 成为焦点对应的状态（正在操作一个标签对应的状态，一般用于input标签）
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
a:link{
color: orangered;
}
a:visited{
color: #FFE4C4;
text-decoration: none;
}
a:hover{
color: tan;
}
a:active{
color: olivedrab;
border: mediumslateblue;
}
input:focus{
border: none;
border-bottom: solid gray 0.0625rem;
}
input:focus{
outline: none;
border-bottom: solid cornflowerblue 0.625rem;
}
</style>
</head>
<body>
<a href="https://www.baidu.com">我是百度链接</a>
<input type="password">
</body>
</html>
