HTML中详述四类伪类选择器

伪类选择器

伪类选择器：CSS 伪类用于向某些选择器添加特殊的效果，语法结构如下：
选择器:伪类 {
       declaration1;
      declaration2;
      …
}
伪类共有四种：:link，:vistied，:hover和:active。
:link
作用：向未被访问的链接添加样式。

:vistied
作用：向已被访问的链接添加样式。

:hover
作用：当鼠标悬浮在元素上方时，向元素添加样式。

<a href="http://www.baidu.com"> 百度一下 </a>
		
		<style>
			a{
				font-family: "PingFang SC","Microsoft YaHei",arial,"Hiragino Sans GB","Hiragino Sans GB W3";
    			text-decoration: none;
    			font-size: 14px;
   				min-width: 1190px;
			}
			a:hover{
				text- decoration: underline ; 
				color:#f50;
			}
				
		</style>

鼠标未悬浮时：

鼠标悬浮时：

:active
作用：向被激活的元素添加样式。

插入后续代码

		<style>
			a:link{
			background-color: red;
			}
			a:visited{
			background-color: black;
			}
			a: hover{
			background-color:white ;
			}
			a:active{
			background-color:yellow;
			}
		</style>

鼠标未悬浮时：

鼠标悬浮时：

注意

注意
若:link、:visited、:hover和:active一起使用，:hover 必须被置于 :link 和 :visited 之后，:active 必须被置于 :hover 之后，即:link -> :visited -> :hover -> :active ，简记love hate。