css+css3之目标“伪类选择器”

最新推荐文章于 2023-04-01 11:47:41 发布

潜龙卧湖

最新推荐文章于 2023-04-01 11:47:41 发布

阅读量193

点赞数

分类专栏： css+css3 文章标签： css css3

本文链接：https://blog.csdn.net/weixin_44046450/article/details/107743248

版权

css+css3 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

css+css3之目标“伪类选择器”

要点：当点击锚点的时候，目标的样式就会被改变。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	:target {
		color: red;
		font-size: 30px;
	}
	</style>
</head>
<body>
<h2>目录</h2>
<hr />
1 早年经历<br />
	<a href="#movie">2 演艺经历</a><br />
	<a href="#live">3 个人生活</a><br />
4 主要作品<br />
5 社会活动<br />
6 获奖记录<br />
7 人物评价<br />


<h3>早年经历</h3>
<hr />
搞不好根本就看了看，你可能， 户口计划表氯化钠；看还会进来结构和GV


<h3 id="movie">演艺经历</h3>
<hr />

钴铬合金规划局放胡椒粉

</body>

</html>

效果图：

在这里插入图片描述

只展示部分效果。

潜龙卧湖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css+css3之目标“伪类选择器”

css+css3之目标伪类选择器要点：当点击锚点的时候，目标的样式就会被改变。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> :target { color: red; font-size: 30px; } </style></
复制链接

扫一扫