css伪类选择器实现颜色的display动态改变(css的强大)

最新推荐文章于 2022-06-18 11:47:26 发布

ROOOOOOM

最新推荐文章于 2022-06-18 11:47:26 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB/network front end

本文链接：https://blog.youkuaiyun.com/qq_41228218/article/details/95663528

WEB/network front end 专栏收录该内容

40 篇文章

订阅专栏

此博客主要介绍了利用CSS类选择器实现颜色的动态改变，体现了CSS在前端页面样式控制方面的强大功能，能为页面带来更丰富的视觉效果和交互体验。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<style>
		.child{
			display: none;
		}
		/*  父亲鼠标悬停的时候孩子会... */
		.father:hover .child{
			color: red;
			display: block;
		}
	</style>
	<div class="father">
		I love you.
		<p class="child">Me too.</p>
	</div>
	
</body>
</html>