css伪类

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
a:link{
/*打开链接的时候*/
color:red;
}
a:hover{
color:yellow;
}

a:active{
color:green;
}
a:visited{
color:purple;
}
p:after{
content:'after';
color:yellow;
}
p:before{
content:'before';
color:red;
}
</style>
</head>
<body>
<!--伪类:css伪类是给选择器添加一些特殊的效果-->
<a href="http://www.baidu.com">a标签的伪类</a>
<p>hello p</p>

</body>
</html>
posted @ 2020-01-07 10:22  Stary_tx  阅读(128)  评论(0编辑  收藏  举报