css中双冒号after,::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？...

发现这道题和后面的题目有点类似，都是讲伪元素 :before 和 :after ，直接看这道题的解释吧，同样可以回答这个问题。

[css] 第19天 css的属性content有什么作用呢？有哪些场景可以用到？

认识 :before 和 :after

默认 display: inline；

必须设置 content 属性，否则一切都是无用功， content 属性也只能应用在 :before 和 :after 伪元素上；

默认user-select: none，就是 :before 和 :after 的内容无法被用户选中；

伪元素可以和伪类结合使用形如：.target:hover:after。

:before 和 :after 是在CSS2中提出来的，所以兼容IE8；

::before 和 ::after 是CSS3中的写法，为了将伪类和伪元素区分开；

CSS 中其他的伪元素有：::before、::after、::first-letter、::first-line、::selection 等；

不可通过DOM使用，它只是纯粹的表象。在特殊情况下，从一个访问的角度来看，当前屏幕阅读不支持生成的内容。

content 定义用法

content 属性与 :before 及 :after 伪元素配合使用，在元素头或尾部来插入生成内容。

说明：该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的盒子类型可以用属性 display 控制。

MDN 对 content 的取值描述&#

css中双冒号after,::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？...相关推荐

[css] ::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？
[css] ::before和:after中单冒号和双冒号的区别是什么,这两个伪元素有什么作用? 区别:伪元素在css1中已经存在当时用单冒号,css3时做了修订用双冒号 ::before ::aft ...
css中clear的作用是什么？
clear : none | left | right | both. 对于CSS的清除浮动(clear),一定要牢记:这个规则只能影响使用清除的元素本身,不能影响其他元素. 清除浮动方法, 1,给父 ...
::before 和 :after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用?
::before 和 :after中双冒号和单冒号的区别以及2个伪元素的作用 ::before 和 :after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用实例实例 ::before 和 ...
css中.prepend,js prepend() 和append()区别
prepend() 方法在被选元素的开头(仍位于内部)插入指定内容. prepend() 语法:$(selector).prepend(content) 或 $(selector).prepend(f ...
css中调整高度充满_CSS(十三).高度如何铺满全屏
该需求来源一次面试题. IE6不认识!important声明,IE7.IE8.Firefox.Chrome等浏览器认识:而在怪异模式中,IE6/7/8都不认识!important声明,这只是区别的一种 ...
css提取页面元素唯一性_一日一技：爬虫如何正确从网页中提取伪元素？
摄影:产品经理家里做点简单菜我们来看一个网页,大家想想使用 XPath 怎么抓取. 可以看到,在源代码里面没有请抓取我!这段文字.难道这个网页是异步加载?我们现在来看一下网页的请求: 网页也没有发起 ...
【转】在CSS中 ID与Class的区别?谢谢
在样式表定义一个样式的时候,可以定义id也可以定义class.1.在CSS文件里书写时,ID加前缀"#":CLASS用"."2.id一个页面只可以使用一次:cl ...
CSS中常用的几种选择器是哪几种呢？
CSS中常用的选择器: (一)基本选择器(二)层次选择器(三)动态伪类选择器(四)目标伪类选择器 (五)ui状态伪类选择器(六)结构伪类选择器(七)属性选择器(八)伪元素 (一)基本选择器 ...
css中的before与after
before与after是css中的两个伪元素.所谓的伪元素就是一个虚假的元素,并插入到目标元素内容的之前与之后,我们一般可以通过css来控制它.其实before与after的编码是非常的简单的,就像 ...

css中双冒号after,::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？...

css中双冒号after,::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？...相关推荐

最新文章

热门文章