前端笔记css(3)----css伪类

前端CSS 专栏收录该内容
7 篇文章 0 订阅

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>伪类</title>
		<!-- <style type="text/css">
			a:link{color: black;} /* 未访问状态 */
			a:visited{color: red;}/* 已访问状态 */
			a:hover{color: blue;}/* 鼠标悬停状态 */
			a:active{color: aqua;}/* 激活状态 *//* 鼠标点击未松开时 */
			
			p:hover{color: #0000FF;}/* 当鼠标悬浮在该段落时显示蓝色 */
			p:active{color: #FF0000;}/* 当鼠标点击该段落未松开时显示红色 */
		</style> -->
		
		<style type="text/css"> 
			a.first:link{color: black;} /* 类选择器对超链接标签样式进行选择 */
			a.first:visited{color: red;}
			a.first:hover{color: blue;}
			a.first:active{color: aqua;}
			
			a.second:link{color: black;}
			a.second:visited{color: green;}
			a.second:hover{color: slateblue;}
			a.second:active{color: burlywood;}
		</style>
	</head>
	<body>
		<a class="first" href="css基础.html">css基础.html</a>
		<br>
		<a class="second" href="css基础.html">css基础.html</a>
		
		<p>一粒程序米</p><!-- 伪类hover和active不仅能用于a标签,还能用于其他标签 -->
	</body>
</html>

<!-- 笔记:
伪类hover和active不仅能用于a标签,还能用于其他标签 -->

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值