欢迎光临
我们一直在努力

target伪类选择器怎么使用

这篇文章主要介绍“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>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  <divid="music">

  <h4>推荐音乐</h4>

  <ul>

  <li>林俊杰-被风吹过的下图</li>

  <li>曲婉婷-在我的歌声里</li>

  <li>许嵩-灰色头像</li>

  </ul>

  </div>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  <divid="movie">

  <h4>推荐电影</h4>

  <ul>

  <li>蜘蛛侠系列</li>

  <li>钢铁侠系统</li>

  <li>复仇者联盟</li>

  </ul>

  </div>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  &hellip;&hellip;<br/>

  <divid="article">

  <h4>推荐文章</h4>

  <ul>

  <li>朱自清-荷塘月色</li>

  <li>余光中-乡愁</li>

  <li>鲁迅-阿Q正传</li>

  </ul>

  </div>

  </body>

  </html>

关于“target伪类选择器怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注云搜网行业资讯频道,小编每天都会为大家更新不同的知识点。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。