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

相关推荐

  • VR需要掌握什么编程语言

    VR需要掌握:1、C#;2、C++语言;3、Java;4、 其他计算机图形学与GPU编程。其中,C#是指,C#基础语法与算法、面向对象编程、C#是数据结构与高级语法;是做U3D的基础语言。而Unity 把 C# 当作脚本语言使用。 一、C# C#基础语法与算法、面向对象编程、C#是数据结构与高级语法…

    2023年3月18日
    2200
  • 需求分析的主要方法是什么

    需求分析的主要方法是包括以下几点:1、功能分解方法;2、结构化分析方法;3、信息建模方法;4、面向对象的分析方法。功能分解方法是将新系统作为多功能模块进行组合。各功能亦可分解为若干子功能及接口,子功能再继续分解。

    2022年11月30日
    1.4K00
  • c语言中,if语句和条件运算符有什么区别

    区别是:if语句是指编程语言(包括c语言、C#、VB、java、汇编语言等)中用来判定所给定的条件是否满足,根据判定的结果决定执行给出的两种操作之一。条件运算符是一个程序开发的术语,优先级高于赋值、逗号运算符,低于其他运算符。适用于程序开发。 if语句 if语句是指编程语言(包括c语言、C#、VB、…

    2023年2月20日
    5100
  • 线程同步和异步的区别是什么

    线程同步是多个线程同时访问同一资源,等待资源访问结束,浪费时间,效率低。线程异步:访问资源时在空闲等待时同时访问其他资源,实现多线程机制。简单来说,同步必须执行到底之后才能执行其他操作,而异步可以任意操作。

    2023年2月13日
    2200
  • 重定向与请求转发有什么区别

    区别有:1、定义不同;2、请求方不同;3、数据共享不同;4、最终 URL 地址不同;5、代码实现不同。请求转发是指发生在服务端程序内部,当服务器端收到一个客户端的请求之后,会先将请求,转发给目标地址,再将目标地址返回的结果转发给客户端。

    2023年2月7日
    3200
  • 32位操作系统怎么升级

    以升级Windows 10至64位为例,32位操作系统升级的步骤:1、确保您当前的32位版本Windows 10已启用;2、从Microsoft官方网站下载Windows媒体建立工具;3、连接至少有4GB可用空间的USB等。确保当前32位版本已启用的路径是设置-更新与安全性-启用。

    2023年1月9日
    52400
  • 怎么形象地理解MFC编程框架

    微软基础类库(英语:Microsoft Foundation Classes,简称MFC)是一个微软公司提供的类库(class libraries),以C++类的形式封装了Windows API,并且包含一个应用程序框架,以减少应用程序开发人员的工作量。

    2023年2月7日
    1800
  • 跨域访问和并行访问的区别是什么呢

    区别是:跨域访问,简单来说就是 A 网站的 javascript 代码试图访问 B 网站,包括提交内容和获取内容,跨域访问是被各大浏览器所默认禁止的。数据库并行访问,也就是两个或两以上用户同时访问同一数据,这也是数据库引擎如何设计和实现适度反应所面临的最大问题。

    2023年2月14日
    1100
  • project文件用什么软件打开

    project文件用Microsoft Project软件打开,Microsoft Project是由微软开发销售的项目管理软件程序。软件设计目的在于协助项目经理发展计划、为任务分配资源、跟踪进度、管理预算和分析工作量。

    2023年1月31日
    25300
  • 编写单片机程序的软件有哪些

    编写单片机程序的软件有:1、Keil;2、Notepad++;3、Altium Designer;4、Sscom串口调试软件。Keil可以说是单片机编程初学者的必备工具,同时也是编程核心软件,除了能够用来编写和编译程序之外,还能搭配上ST-Link或者其他的仿真器使用,可以帮助工程师快速定位程序BU…

    2023年1月11日
    29800

发表回复

登录后才能评论
联系我们
站长微信
站长微信
分享本页
返回顶部