html 伪类有哪些

html常用的伪类有:1、:active;2、:hover;3、:link;4、:visited;5、:first-child。:active用来向活动的链接添加特殊的样式,当你点击一个链接时它变成活动链接。设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。

html 伪类有哪些-Worktile社区

1、:active

在CSS1中:active用来向活动的链接添加特殊的样式,当你点击一个链接时它变成活动链接。设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。

2、:hover

:hover 用来选择被鼠标悬浮着的元素(匹配指定状态)。在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。

3、:link

:link是选择未被访问的元素(匹配指定状态)。在CSS1中此:link伪类选择未访问的链接,向未访问的链接添加特殊的样式。IE3将:link伪类的样式表属性作用于visited伪类。

默认值由浏览器决定。对于无href属性(特性)的a对象,此伪类不发生作用。

4、:visited

:visited是选择已被访问的元素(匹配指定状态)。:visited 适用于指向已访问的URL的链接,访问URL是链接点显示在用户代理的历史记录中的网址。IE3将:link伪类的样式表属性作用于visited伪类。默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。对于无href属性(特性)的a对象,此伪类不发生作用。

5、:first-child

:first-child选择满足是其父元素的名列前茅个子元素的元素。利用 :first-child 这个伪类,只有当元素是另一个元素的名列前茅个子元素时才能匹配。例如,p:first-child 会选择作为另外某个元素名列前茅个子元素的所有 p 元素。一般可能认为这会选择作为段落名列前茅个子元素的元素,但事实上并非如此,如果要选择段落的名列前茅个子元素,应当写为 p > *:first-child。

延伸阅读:

什么是伪类?

伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的。

CSS伪类是用来添加一些选择器的特殊效果。

解释:在感觉上伪类可以是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是”:first-child”能通过文档树推断出来,”:lang”在一些情况下也在从文档树中推断出来。

由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。

伪类有::first-child ,:link:,visited,:hover:,:active,:focus,:lang,:right,:left,:first

何为伪类?就是css内置类css内部本身赋予它一些特性和功能,也就是你不用再class=…或id=…你就可以直接拿来使用,当然你也可以改变它的部分属性比如:a:link{color:#FF0000;}

CSS很多的建议并没有得到浏览器的支持,但有四个可以安全用在超链接上的伪类。

伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; },简单地用一个半角英文冒号(:)来隔开选择符和伪类。

CSS很多的建议并没有得到浏览器的支持,但有四个可以安全用在超链接上的伪类。

:link用在未访问的连接上。

:visited用在已经访问过的连接上。

:active用于获得焦点(比如,被点击)的连接上。

:hover 用于鼠标光标置于其上的连接。

文章标题:html 伪类有哪些,发布者:小编,转载请注明出处:https://worktile.com/kb/p/35731

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小编小编认证作者
上一篇 2023年1月15日 下午9:41
下一篇 2023年1月16日 下午10:17

相关推荐

  • 如何考核软件项目质量管理

    软件项目质量管理可以通过多个维度进行考核,主要包括:代码质量、系统稳定性、功能覆盖度、用户满意度、项目进度与预算控制。特别值得强调的是,功能覆盖度指的是软件功能是否全面覆盖了用户需求,包括对需求的正确理解和完整实现。这不仅对于项目成功至关重要,而且对后期的维护工作影响深远。 功能覆盖度通常通过需求追…

    2024年4月10日
    7400
  • ChatGPT的限制和潜在的道德问题有哪些

    ChatGPT作为一种基于大规模训练数据的人工智能对话系统,尽管展示了惊人的语言处理能力,但仍存在一些明显的限制和潜在的道德问题。1、数据偏见问题由于受到训练数据影响,使得输出可能带有偏见。2、隐私泄露风险在交互过程中可能泄露用户的敏感信息。3、内容造假能力AI有能力创造逼真的虚假内容。4、责任归属…

    2023年12月6日
    67000
  • 如何进行数据清洗

    数据清洗是确保数据质量和可用性的关键步骤,在数据分析和数据挖掘中起着极其重要的角色。主体答案即为数据清洗涉及的核心步骤,包括1、检测和处理缺失值;2、识别和纠正异常值;3、处理重复数据;4、数据规范化;5、数据转换;6、数据一致性检查。这些步骤共同构成了数据清洗的流程,确保最终分析数据的准确性和一致…

    2023年11月21日
    38700
  • 音视频通话的实时性:RTC相比于传统IM的优势

    音视频通话的实时性在现代通信中至关重要,尤其是实时通信(RTC)在确保低延迟、高同步性方面相比传统即时通讯(IM)具有显著优势。RTC通过优化的网络协议和数据传输机制几乎消除时间延迟,这是实现流畅通话的关键。例如,RTC使用专门的协议,如WebRTC,能在保证数据实时传输的同时减少延迟,而传统IM系…

    2023年12月22日
    32800
  • 多开浏览器是什么

    浏览器多开,又称为浏览器分身,是指通过一个浏览器能够同时登录同一网站的多个账号而不相互影响。多开浏览器是可以在同一时间内登录多个账号,并且可以保证每个账号都是独立运行的超级浏览器,也可用于跨境电商行业多账号防关联使用。 多开浏览器是可以在同一时间内登录多个账号,并且可以保证每个账号都是独立运行的超级…

    2023年5月29日
    66000
  • 怎么在官网安装python

    Python是一种流行的编程语言,适用于许多应用程序和系统开发。本文将指导您从Python的官方网站安装Python,包括1、访问官方网站;2、选择适合的版本;3、下载安装程序;4、运行安装程序;5、验证安装。这些步骤适用于Windows、Mac和Linux操作系统。 一、访问官方网站 打开浏览器并…

    2023年8月17日
    37800
  • PostgreSQL和MySQL8的区别是什么

    区别有:一、数据类型;二、安全性;三、性能;四、可扩展性;五、存储引擎;六、开发人员社区。PostgreSQL和MySQL8支持的数据类型有所不同。PG支持更多的数据类型,包括范围类型、CIDR和INET类型、数组类型等等。 一、数据类型 PostgreSQL和MySQL8支持的数据类型有所不同。P…

    2023年5月31日
    53300
  • 高效团队管理的五个有效方法有哪些

    高效团队管理的五个有效方法有:1.组建团队核心层;2.制定明确的团队目标;3.提供有效激励;4.适当进行权利下放;5.树立团队榜样。而要实现高效管理,其前提是管理者必须尊重员工、了解员工,并与员工进行有效沟通。 1.组建团队核心层 团队建设的重点是培养团队的核心成员。俗话说”一个好汉三个…

    2022年11月15日
    5.0K00
  • oa系统品牌排行

    OA系统即办公自动化系统,而品牌排行可根据技术实力、市场占有率、用户评价等维度进行评定。1、技术领先 拥有先进技术和不断的创新能力是评价一个品牌的重要标准。2、市场认可度高 高市场占有率意味着品牌具有广泛的客户基础和市场认可度。3、服务质量上乘 优质的客户服务是品牌建立良好口碑的关键。具体来说,技术…

    2024年1月15日
    21300
  • 智慧oa系统

    智慧OA系统为现代公共与企业管理提供了效率、协同、自动化管理的解决方案。1、智慧OA系统的设计理念以提高工作效率、优化流程管理、增强数据安全为主要目标;2、通过集成信息技术,实现资源共享和业务协同;3、采用模块化设计,满足不同组织机构的个性化需求;4、在确保数据安全的前提下,支持移动办公,适应当代快…

    2024年1月12日
    22600

发表回复

登录后才能评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部