这篇文章主要介绍“target伪类选择器怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“target伪类选择器怎么使用”文章能帮助大家解决问题。 tar
这篇文章主要介绍“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伪类选择器怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网VUE频道,小编每天都会为大家更新不同的知识点。
--结束END--
本文标题: target伪类选择器怎么使用
本文链接: https://www.lsjlt.com/news/94313.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0