HTML中详述四类伪类选择器

伪类选择器

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

：link

作用：向未被访问的链接添加样式。

<a href="https://weibo.com/" target="_blank">链接</a>
		<style>
			a:link{
				background-color: black;
			}
                </style>

:vistied

作用：向已被

<a href="https://weibo.com/" target="_blank">链接</a>
		<style>
			a:visited{
				background-color: gray;
			}
                </style>
			

访问的链接添加样式。

 

:hover

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

<a href="http://www.baidu.com" target="_blank">百度一下</a>
		
		<style>
			a{
				text-decoration: none;/*无下划线*/
				font-family: "PingFang SC", "Microsoft YaHei", arial, "Hiragino Sans GB", "Hiragino Sans GB W3";
				color: rgb(255, 85, 0);
				font-size: 20px;
			}
			
			a:hover{
				text-decoration:underline;
				color: #f50;
				font-size: 19px;
			}
		</style>

:active

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

<a href="https://weibo.com/" target="_blank">链接</a>
		<style>
			a:active{
				background-color: yellow;
			}
		</style>

注意

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