css目标伪类是什么

在css中,目标伪类是“:target”,语法格式“E:target{css样式}”,它表示选择匹配E的所有元素,且匹配元素被相关URL指向;该选择器是动态选择器,只有当存在URL指向该匹配元素时,样式效果才能够有效。

css目标伪类是什么

(推荐教程:CSS视频教程)

在css中,目标伪类选择器是“:target”,是众多CSS3众多 动态 伪类选择器中的一个,用来匹配锚点指向的元素,突出显示活动的HTML锚。

语法:

E:target{css样式}

登录后复制

表示选择匹配 E 的所有元素,且匹配元素被相关 URL 指向。该选择器是动态选择器,只有当存在 URL 指向该匹配元素时,样式效果才能够有效。

立即学习“前端免费学习笔记(深入)”;

:target”在CSS里发生效力的过程是这样的:当浏览器地址里的hash(地址里#号后面的部分)和:target伪选择器指定的ID匹配上时,它的样式就会在这个ID元素上生效。

示例:

nbsp;html>/* would apply to all targetted elements */:target {color: #000;}/* applies to H2's */h2:target {color: #f00;}

点击下面的链接,你会看到浏览器地址是hash值的变化,以及相应链接的CSS样式变化!这是:target伪选择器在起作用。

Heading 1 |
Heading 2 | 

Anchor 1

Anchor 2

登录后复制

效果图:

1.gif

注:IE8及其以下版本浏览器不支持 E:target 选择器

更多编程相关知识,请访问:CSS视频教程!!

以上就是css目标伪类是什么的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2884050.html

(0)
上一篇 2025年3月10日 20:24:56
下一篇 2025年2月18日 03:19:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css中width有啥属性?

    css中width相关的属性有:width属性、min-width属性、max-width属性、border-width属性、outline-width属性、column-rule-width属性、column-width属性等等。 css…

    2025年3月10日
    200
  • css如何让图片和文字垂直居中对齐

    css让图片和文字垂直居中对齐的方法:可以通过flex布局来实现,如【display: -webkit-flex;】。flex布局即弹性布局,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为flex布局。 可以使用flex布局实现居…

    2025年3月10日
    200
  • SenCSS是什么?

    SenCSS是一款css框架,它为CSS重复的部分提供了合理的样式,并且不会强制布局系统;这样你就能更加关注于自己网站的样式,且有大把时间可以攻克其他网站研发的重要问题。 SenCSS全名– 合理标准 CSS (ensible Standa…

    2025年3月10日
    200
  • css怎么让图片旋转90度

    css让图片旋转90度的方法:利用transform属性来进行图片旋转,如【transform:rotate(90deg)】。transform属性用于元素的2D或3D转换,该属性允许我们将元素旋转、缩放、移动、倾斜。 属性介绍: Tran…

    2025年3月10日
    200
  • css3中2d变形有几种?

    css3中2d变形4种:1、位移translate(),将元素在水平或垂直方向上移动指定距离;2、缩放scale(),对元素进行水平或垂直方向的缩放;3、旋转rotate(),可以对元素进行旋转;4、倾斜skew(),对元素进行倾斜转换。 …

    2025年3月10日 编程技术
    200
  • css和div的区别是什么

    css和div的区别:1、div标签可定义文档中的分区或节,用于定义HTML文档中的一个分隔区块或者一个区域部分;2、CSS是一种用来表现HTML或XML等文件样式的计算机语言。 (推荐教程:css视频教程) div是html标签 标签可定…

    2025年3月10日
    200
  • css派生选择器怎么用

    css派生选择器的使用方法:派生选择器允许根据文档的上下文关系来确定某个标签的样式,通过合理地使用派生选择器,可以使HTML代码变得更加整洁。 (推荐教程:css视频教程) css派生选择器的使用方法: 通过依据元素在其位置的上下文关系来定…

    2025年3月10日
    200
  • css中什么是外部样式表?

    在css中,如果CSS样式被放置在网页文档外部的文件中,则称为外部样式表,一个CSS样式表文档就表示一个外部样式表;css外部样式表文件使用“.CSS”为扩展名,且HTML文档中包含指向该文件位置的链接,以便Web浏览器知道在哪里查找样式。…

    2025年3月10日
    200
  • css child选择器有哪些?

    css child选择器有5个,分别为:“:first-child”选择器、“:only-child”选择器、“:nth-child(n)”选择器、“:nth-last-child(n)”选择器、“:last-child”选择器。 【推荐教…

    2025年3月10日
    200
  • css中BEM命名规范是什么

    一 什么是 BEM 命名规范 Bem 是块(block)、元素(element)、修饰符(modifier)的简写,由 Yandex 团队提出的一种前端 CSS 命名方法论。 (学习视频分享:css视频教程) – 中划线 :仅作…

    2025年3月10日 编程技术
    200

发表回复

登录后才能评论