这篇文章主要介绍“target伪类选择器怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“target伪类选择器怎么使用”文章能帮助大家解决问题。
target选择器简介
:target选择器用于选取页面中的某个target元素。那什么是target元素呢？target元素，说白了就是该元素的id被当做页面的超链接来使用。
举例：
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3:target选择器</title>
<styletype="text/css">
:targeth4
{
color:red;
}
</style>
</head>
<body>
<div>
<ahref="#music">推荐音乐</a><br/>
<ahref="#movie">推荐电影</a><br/>
<ahref="#article">推荐文章</a><br/>
</div>
……<br/>
……<br/>
……<br/>
……<br/>
……<br/>
……<br/>
<divid="music">
<h4>推荐音乐</h4>
<ul>
<li>林俊杰-被风吹过的下图</li>
<li>曲婉婷-在我的歌声里</li>
<li>许嵩-灰色头像</li>
</ul>
</div>
……<br/>
……<br/>
……<br/>
……<br/>
……<br/>
……<br/>
<divid="movie">
<h4>推荐电影</h4>
<ul>
<li>蜘蛛侠系列</li>
<li>钢铁侠系统</li>
<li>复仇者联盟</li>
</ul>
</div>
……<br/>
……<br/>
……<br/>
……<br/>
……<br/>
……<br/>
<divid="article">
<h4>推荐文章</h4>
<ul>
<li>朱自清-荷塘月色</li>
<li>余光中-乡愁</li>
<li>鲁迅-阿Q正传</li>
</ul>
</div>
</body>
</html>
关于“target伪类选择器怎么使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
