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