1. 什么是伪类和伪元素？2. 伪类和伪元素的使用场景？3. CSS3中的伪类和伪元素属性描述
原创
2022-07-12 17:41:58
1616阅读
什么是伪类？ 伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时，或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样，帮你在你的标记文本中减少多余的类，让你的代码更灵活、更易于维护。 伪类就是开头为冒号的关键字： :pseu
原创
2021-06-28 14:08:27
850阅读
css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类—— :hover, :active, :visited, :focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和::after
转载
2017-07-26 11:54:00
195阅读
2评论
定义伪类:
CSS 伪类 是添加到选择器的关键字，指定要选择的元素的特殊状态。
例如，:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。/* 所有用户指针悬停的按钮 */
button:hover {
color: blue;
}复制代码伪类存在的意义是为了通过选择器，格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。伪元素:
伪元素是一个附加至选择器末的关键词，允
转载
2021-01-21 10:24:06
249阅读
2评论
前言CSS的伪类和伪元素在平时的代码中经常会出现，可是一旦别人问你，什么是伪类，什么是伪元素，可能还是不能完整的表述出来，下面我们来一探究竟。伪类和伪元素定义伪类用于在页面中的元素处于某个状态时，为其添加指定的样式。伪元素会创建一个抽象的伪元素，这个元素不是DOM中的真实元素，但是会存在于最终的渲染树中，我们可以为其添加样式。[重点]最常规的区分伪类和伪元素的方法是：实现伪类的效果可以通过添加类来
转载
2023-11-07 15:33:48
348阅读
伪类伪类更多的定义的是状态，如:hover，或者说是一个可以使用CSS进行修饰的特定的特殊元素，如:first-child伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。当用户悬停在指定的元素时，我们可以通过 :hover 来描述这个元素的状态。虽然它和普通的 CSS 类相似，可以为已有的元素添加样式，但是它只有处于 DOM 树无法描述的状态下才能为元素
原创
2021-04-07 19:57:46
435阅读
CSS伪类与伪元素 CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。 伪类 伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停
原创
2022-05-28 00:54:24
290阅读
伪类 css2.1, 合法伪类只有 a 标签有, link visited hover active  
原创
2016-10-13 12:35:07
780阅读
点赞
CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的
转载
2023-09-26 22:51:43
104阅读
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素 简而言之：伪类总是以一个冒号开头。伪元素通常以两个冒号开头。 在 CSS2 时代，伪元素和伪类均是以一个冒号开头的；在 CSS2.1 之后，为了对伪元素和伪类加以区分，规定伪类继续以一个冒号开头，而伪元素改为以两个冒号开头。 但是为了向
转载
2017-08-23 11:45:00
242阅读
2评论
CSS学习系列三:伪类和伪元素
Note:a:visited a:active a:hover a:link 这个a:link一定要紧密联系
<!DOCTY
原创
2010-03-13 17:01:35
636阅读
伪类的分类及作用：注：该表引自W3School教程伪元素的分类及作用：接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： :active 大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。 写法：这里id为box的是一div块，在css中首先设置了他的基本样式，下面为加入:acti
转载
2017-09-26 23:09:32
532阅读
【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！ 博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步! 吾等采石之人，应怀大教堂之心，愿你们奔赴在各自的热爱中… 文章目录一、jQuery对象二、
转载
2023-09-23 08:45:33
130阅读
顺序应该是a:
原创
2022-11-11 11:13:07
154阅读
CSS中的类（class）是为了方便过滤（即选择）元素，以给这类元素加入样式，class是定义在HTML文档树中的。可是这在一些情况下是不够用的，比方用户的交互动作（悬停、激活等）会导致元素状态发生变化。class对这些动态变化无能为力。为此，CSS引入了伪类（pseudo-class）的概念用来支
转载
2017-06-05 18:43:00
146阅读
2评论
文章目录前言css伪元素一. 作用二.列举2.1"::first-line"2.2“::fist-letter”2.3"::before"2.4 "::after"伪元素2.5"::selection"伪元素总结 前言在某些时刻，可以给你的元素增加你想要的内容，或者呈现出你想要的样式，那么我们就唠唠CSS中的伪元素，话不多说，走起~~~css伪元素一. 作用用于设置元素指定部分的样式，如 ”af
转载
2023-08-17 15:01:17
165阅读
::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,:
转载
2018-08-01 10:12:00
217阅读
2评论
原创
2022-10-20 10:40:33
67阅读
https://segmentfault.com/a/1190000000484493之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。首先，阅读 w3c 对两者的定义：CSS
转载
2017-09-28 10:46:11
914阅读
