CSS伪类

QBjie

于 2020-07-14 17:21:47 发布

阅读量75

点赞数

本文链接：https://blog.csdn.net/QBjie/article/details/107342687

版权

CSS 伪类用于向某些选择器添加特殊的效果，语法结构如下：

选择器:伪类 {

declaration1;

eclaration2;

…

}

主要伪类属性：link,visited,hover,active.

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="http://e.bilibili.com">B站</a>
                <style>
       		    a:link{
       		        background-color: red;/*向未被访问的链接添加样式，未访问过的链接背景颜色为red,只用于链接（a标签）*/
       		    }
       		    a:visited{
       	                background-color: blue;/*向已被访问的链接添加样式，访问过的链接背景颜色为blue,只用于链接（a标签）*/
       		    }
       		    a:hover{
       			background-color: yellow;/*当鼠标悬浮在元素上方时，元素背景颜色为yellow*/
       		    }
       		    a:active{
       			background-color: black;/*向被激活的元素添加样式，即当鼠标点击元素时（未松开）元素背景颜色为black*/
       		    }
                </style>
	</body>
</html>

QBjie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS伪类

CSS 伪类用于向某些选择器添加特殊的效果，语法结构如下：选择器:伪类 { declaration1; eclaration2; …}主要伪类属性：link,visited,hover,active.例如：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></ti...
复制链接

扫一扫