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 用于鼠标光标置于其上的连接。
文章包含AI辅助创作：html 伪类有哪些，发布者：小编，转载请注明出处：https://worktile.com/kb/p/35731
微信扫一扫 
支付宝扫一扫 
