::before::after::first-letter::first-lineCSS3要求对伪元素使用两个冒号以便与伪类进行区别。但注意IE8及更低版本的IE无法识别两个冒号的语法。 插入内容 插入内容 插入内容 插入内容 大标题 大标题 大标题 大标题 大标题 大标题 大标题 大标题 大标题 大标题 小标题 小标题 大标题 小标题 小标题 大标题 小标题 ...
转载
2013-06-17 14:17:00
65阅读
2评论
单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素 简而言之:伪类总是以一个冒号开头。伪元素通常以两个冒号开头。 在 CSS2 时代,伪元素和伪类均是以一个冒号开头的;在 CSS2.1 之后,为了对伪元素和伪类加以区分,规定伪类继续以一个冒号开头,而伪元素改为以两个冒号开头。 但是为了向
转载
2017-08-23 11:45:00
128阅读
2评论
我是中国人 数学和物理是一对孪生兄弟,彼此不分家,所以爱因斯坦数学指定不会差。 据外媒报道称,诺贝尔奖官方近日公布了著名物理学家爱因斯坦的数学成绩,以此来回击那些质疑爱因斯坦数学不好的声音。 诺贝尔官方公布的是,爱... ...
转载
2021-05-04 11:59:34
414阅读
2评论
伪元素顾名思义伪装成元素,但不是元素,这与生成内容相关。生成内容主要指由浏览器创建的内容,而不是由标志或内容来表示。生成内容主要由:before和:after伪元素来实现,当然伪元素还包括:first-line,:first-letter和::selection 用法:first-letter 指定一个元素第一个字母的样式 [注意1]所有前导标点符号应与第一个字母一同应用该样式
原创
2017-06-29 13:47:02
461阅读
:target 伪类选择器 :target 是 CSS3 新增的一个伪类,可用于选取当前活动的目标元素。当 URL 末尾带有锚名称 #,就可以指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。它需要一个 id 去匹配文档中的 target 。 解释很难理解,看看
原创
2021-07-19 17:08:35
187阅读
什么是伪类? 伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样,帮你在你的标记文本中减少多余的类,让你的代码更灵活、更易于维护。 伪类就是开头为冒号的关键字: :pseu
原创
2021-06-28 14:08:27
564阅读
一、伪类 下面列举一些常见的伪类(来自W3C截图): 二、伪元素 下面列举一些常见的伪元素(来自W3C截图): 最后注意:伪类和伪元素都不会存在于原文档和文档树里。 ...
转载
2021-10-28 07:57:00
118阅读
2评论
CSS伪类与伪元素 CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。 伪类 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。比如说,当用户悬停
原创
2022-05-28 00:54:24
168阅读
://book.51cto.com/art/201108/285688.htm3.7 替换指置大家都知道before和after是前、后的意思。但是奇怪的是,CSS中的:before伪元素和:after伪元素是为源文档中不存在的内容设置样式的。没有内容怎么设置样式呢?别急!它们有一个co...
转载
2015-09-25 22:34:00
58阅读
一、伪元素选择器1.什么是伪元素选择器伪元素选择器作用给指定标签的内容前面添加一个子元素,或者给指定标签的内容后面添加一个子元素。2.格式: 标签名称::before{
属性名称:值;
} 给指定标签的内容前面添加一个子元素 标签名称::after{
属性名称:值;
} 给指定标签的内容后面添加一个子元素我们举个例子:&n
css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句 话中的第一个字母,或者是列表中的第一个元素。伪类用于当已有的元素处于某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。比如说,当用户悬停在指定的 元素时,我们可以通过:hover来描述这个元素的状态。伪元素用于创建一些不在文档树中的元素,并为其添加样式。它们允
原创
2022-03-30 10:23:19
10000+阅读
1. 什么是伪类和伪元素?2. 伪类和伪元素的使用场景?3. CSS3中的伪类和伪元素属性描述
定义伪类:
CSS 伪类 是添加到选择器的关键字,指定要选择的元素的特殊状态。
例如,:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。/* 所有用户指针悬停的按钮 */
button:hover {
color: blue;
}复制代码伪类存在的意义是为了通过选择器,格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。伪元素:
伪元素是一个附加至选择器末的关键词,允
转载
2021-01-21 10:24:06
166阅读
2评论
在css2中是这样定义二者的: CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。 伪类存在的意义是为了通过选择器找到那些不存在DOM树中的信息以及不能被常规CSS选择器获取到的信息。 第一点讲的是获取不存在与DOM树中的信息。比如<a>标签的:link、v
转载
2020-06-03 19:10:00
115阅读
2评论
之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸 @riophae 兄指正了我的错误,所以今天打算好好研究下两者的区别。首先,阅读 w3c 对两者的定义:CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效
转载
精选
2016-07-21 19:44:57
486阅读
伪类 ⽤于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据⽤户⾏
转载
2020-10-05 13:25:00
198阅读
2评论
css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类—— :hover, :active, :visited, :focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和::after
转载
2017-07-26 11:54:00
107阅读
2评论