target伪类选择器怎么使用
这篇文章主要介绍“target伪类选择器怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“target伪类选择器怎么使用”文章能帮助大家解决问题。
网站建设公司,为您提供网站建设,网站制作,网页设计及定制网站建设服务,专注于企业网站建设,高端网页制作,对成都茶楼设计等多个行业拥有丰富的网站建设经验的网站建设公司。专业网站设计,网站优化推广哪家好,专业成都网站营销优化,H5建站,响应式网站。
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伪类选择器怎么使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。
分享名称：target伪类选择器怎么使用
当前网址：https://www.cdcxhl.com/article24/pdjcje.html
成都网站建设公司_创新互联，为您提供网页设计公司、App设计、网站收录、App开发、、企业网站制作
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
- 动效-APP设计的肢体语言 2022-06-30
- app设计的基础认识 2022-11-14
- 24个容易忽略的APP设计细节 2022-05-14
- 移动APP设计中的坏主意 2022-10-30
- 电商APP设计时有哪些问题要注意 2016-11-05
- 小程序和App设计的差异 2021-06-07
- 网站设计APP设计如何传达品牌感 2021-05-20
- UI不得不知的app设计布局之道 2022-11-21
- 电商APP设计时有哪些问题要注意-大连APP开发 2022-07-03
- 移动APP设计中字体排版有何技巧？ 2016-08-16
- 设计实战!科学养护绿植APP设计如何提升用户体验 2022-05-01
- 网页APP设计与用户体验中的同情心与同理心 2021-06-01