target伪类选择器怎么使用

发布时间:2022-03-16 17:34:33 作者:iii
来源:亿速云 阅读:159

这篇文章主要介绍“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伪类选择器怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. HTML:target=_blank
  2. css中伪类选择器的使用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

target

上一篇:Docke如何部署nginx并配置

下一篇:Python怎么进行字符串处理和文本分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》