::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用

单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。
::before就是以一个子元素的存在，定义在元素主体内容之前的一个伪元素。并不存在于dom之中，只存在在页面之中。

作用 :before 和 :after 这两个伪元素，是在CSS2.1里新出现的。起初，伪元素的前缀使用的是单冒号语法，但随着Web的进化，在CSS3的规范里，伪元素的语法被修改成使用双冒号，成为::before ::after
:before选择器在被选元素的内容前面插入内容。

实例

在每个p 元素的内容之前插入新内容：

p:before
{
content:"台词：";
}

:after选择器在被选元素的内容后面插入内容。

实例

-在每个

元素的内容之后插入新内容：

p:after
{
content:"台词：";
}

::before 和 :after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用?相关推荐

html语言中的双冒号,::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用...
标题:::before 和:after 中双冒号和单冒号有什么区别?解释一下这 2 个伪元素的作用? 相关知识点: 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素.(伪元素由双冒号和伪 ...
mysql中双引号和单引号有什么区别
mysql中双引号和单引号有什么区别前2天看到有人问,mysql中双引号和单引号有什么区别? 希望大家可以关注下公众号,支持一下,鞠躬感谢~ 我就直接po代码和截图了,如下 select * fro ...
html中两个冒号,css中双冒号和单冒号区别
:--是指的伪类 ::--是指的伪元素 1.字面意思: 伪类,1.css中有类选择器,某些元素并未定义类名,就可以通过伪类赋予样式,如:[:nth-child(n)]:2.伪类可以应用于元素执行某种状 ...
html语言中的双冒号,css单冒号和双冒号用法和区别
最近突然被别人问起css单冒号和双冒号有什么区别,答曰:"不知道". 虽然还在填坑中,但作为一个跨过了初级的FEer,感觉着实汗颜,刚好今天下午在搜别的问题的时候,突然看到一个对比 ...
::before 和::after 中双冒号和单冒号有什么区别、作用
1.区别在 CSS 中伪类一直用 : 表示,如 :hover, :active 等伪元素在 CSS1 中已存在,当时语法是用 : 表示,如 :before 和 :after 后来在 CSS3 中修 ...
C++双冒号和单冒号的用法区别
一.单冒号(:) 1.用作位域标号有些信息在存储时,并不需要占用一个完整的字节, 而只需占几个或一个二进制位.例如在存放一个开关量时,只有0和1 两种状态, 用一位二进位即可.为了节省存储空 ...
c++学习之——双冒号和单冒号的用法
C++里面双冒号和冒号及点号引用符的用法与区别一.用双冒号的地方 1.在类外定义函数的时候,要用到void ClassName::FuntionName(pram){} 例如:声明了一个类A,类A里 ...
numpy数组（无冒号，单冒号，双冒号)的含义
import numpy >>> a = numpy.array([[1,2,3,4,5],[6,7,8,9,10],[1,2,3,4,5],[6,7,8,9,10]]) >& ...
IE8中伪元素动态作用样式不重绘bug记录
前阵子对公司框架的前端优化中,使用了字体图标(iconfont)来做模块的图标集,供用户进行配置选择. 字体图标的有非常好的灵活性和复用性,可以像处理文字一样通过font-size进行大小设置.通过c ...

::before 和 :after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用?

::before 和 :after中双冒号和单冒号的区别以及2个伪元素的作用

::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用

实例

实例

::before 和 :after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用?相关推荐

最新文章

热门文章