::before 和 :after 中双冒号和单冒号有什么区别

最新推荐文章于 2024-04-25 11:01:19 发布
最新推荐文章于 2024-04-25 11:01:19 发布
阅读量171 收藏
点赞数
分类专栏： CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LuckXinXin/article/details/113844757
版权
  • 在 CSS 中伪类一直用 : 表示，如 :hover, :active 等
  • 伪元素在CSS1中已存在，当时语法是用 : 表示，如 :before 和 :after
  • 后来在CSS3中修订，伪元素用 :: 表示，如 ::before 和 ::after，以此区分伪元素和伪类
  • 由于低版本IE对双冒号不兼容，开发者为了兼容性各浏览器，继续使使用 :after 这种老语法表示伪元素
  • 综上所述：::before 是 CSS3 中写伪元素的新语法； :after 是 CSS1 中存在的、兼容IE的老语法
LuckXinXin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
伪类和伪元素的区别（详解）
初心 - 杨瑞超个人博客
08-15 1636
欢迎加入qq群(IT-程序猿-技术交流群)：757345416 定义 伪类：用于向某些选择器添加特殊的效果 伪元素：用于将特殊的效果添加到某些选择器 伪类 例： a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00F...
::before 和 :after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用?
qq_44945525的博客
05-13 1135
::before 和 :after中双冒号和单冒号的区别以及2个伪元素的作用::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用实例实例 ::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 ::before就是以一个子元素的存在，定义在元素主体内容之前的一个伪元素。并不存在于dom之中，只存在在页面之中。 作用 :before 和 :after 这两个伪元素
::before 和::after 中双冒号和单冒号有什么区别
m0_74779652的博客
01-01 160
在 CSS 中伪类一直用 : 表示，如 :hover, :active 等 伪元素在 CSS1 中已存在，当时语法是用 : 表示，如 :before 和 :after 后来在 CSS3 中修订，伪元素用 :: 表示，如 ::before 和 ::after，以此区分伪元素和伪类 单冒号（:）用于 CSS3 的伪类 双冒号（::）用于 CSS3 的伪元素 由于低版本 IE 对双冒号不兼容，开发者为了兼容性各浏览器，继续使使用 :after 这种老语 法表示伪元素
::before中双冒号和:after单冒号有什么区别？
YouYi__的博客
09-08 810
1、双冒号是在bai当前规范中引入的，用于du区分伪类和伪元素。但是伪类兼zhi容现存样式，浏览dao器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。 2、对于CSS2之前已有的伪元素，比如:before和:after，单冒号和双冒号的写法::before和::after作用是一样的。 3、如果只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，如果不得不兼容IE浏览器，还是用CSS2的单冒号写法比较安全
::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用？
weixin_47775428的博客
05-13 2794
::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用？ 在 CSS 中伪类一直用 : 表示，如 :hover, :active 等 伪元素在CSS1中已存在，当时语法是用 : 表示，如 :before 和 :after 后来在CSS3中修订，伪元素用 :: 表示，如 ::before 和 ::after，以此区分伪元素和伪类 由于低版本IE对双冒号不兼容，开发者为了兼容性各浏览器，继续使使用 :after 这种老语法表示伪元素 单冒号（：）用于css3的伪类 双冒号（：：
CSS3 ::before 和 :after中双冒号和单冒号 有什么区别？
热门推荐
fortunegrant的博客
03-12 1万+
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。（伪元素由双冒号和伪元素名称组成）双冒号是在当前规范中引入的，用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素写法，比如:first-line、:first-letter、:before、:after等，而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。想让插入的内容出现在其它内容前，使用::before，...
深入理解::before/:before和::after/:after的使用
09-22
- **双冒号与单冒号**：CSS3中引入了双冒号`::`来区分伪元素和伪类，但在CSS2中，两者都使用单冒号`:`表示，因此，`::before` 和 `::after` 在老版本的CSS中也可以写作`:before` 和 `:after`，但推荐使用双冒号以...
微信小程序 CSS 选择器::after和::before的简单使用
03-29
前两天看文档看到选择器那块儿的时候，前面4个基本都能理解：.class，#id，element，element, element，但后面两个::after和::before（文档中说，分别表示在view 组件的后面和前面插入内容），表示有点没有理解。...
CSS中的before和:after伪元素使用详解
09-25
在CSS3中，推荐使用双冒号`::before`和`::after`来表示伪元素，但这主要是为了与伪类（如`:hover`, `:active`等）进行区分，实际效果并无差异。 此外，虽然可以将伪元素应用于所有元素，但如果未指定特定元素，则...
那些你所不知的CSS ::before 和::after 伪元素用法
09-22
这两个伪元素在CSS3中被正式定义，以区分伪元素（`::before`和`::after`）与伪类（`:before`和`:after`），尽管大多数现代浏览器仍支持单冒号的写法，但推荐使用双冒号以遵循标准。 ### 1. 基本语法 `::before`在...
2014-10-10-CSS伪元素before和after的应用1
08-04
CSS3中，伪元素的表示方式是双冒号`::`，例如`::before`和`::after`。 `::before`伪元素在元素内容之前插入内容，而`::after`则在元素内容之后插入。以下是一个简单的例子： ```html <!DOCTYPE html> <title>...
::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用
最新发布
qq_31594665的博客
04-25 458
双冒号(::)和单冒号(:)都用于表示伪元素，双冒号(::)是较新的语法规范，建议在使用CSS3伪元素时使用双冒号，而单冒号(:)可以用于表示某些伪元素，但不再推荐使用。作用都是用于在元素的内容前后插入生成的内容，用于装饰、布局等目的。
::before 和 :after中双冒号和单冒号 有什么区别
笑望灬星辰
04-06 196
::before 和 :after中双冒号和单冒号 有什么区别 单冒号( : )⽤于 CSS3 伪类， 双冒号( :: )⽤于 CSS3 伪元素 ⽤于区分伪类和伪元素 题外话 怕记混 都加 双冒号 ::
::before 和 :after 中双冒号和单冒号有什么区别？
weixin_30707875的博客
08-05 320
在 CSS 中伪类一直用 : 表示，如 :hover, :active 等 伪元素在CSS1中已存在，当时语法是用 : 表示，如 :before 和 :after 后来在CSS3中修订，伪元素用 :: 表示，如 ::before 和 ::after，以此区分伪元素和伪类 由于低版本IE对双冒号不兼容，开发者为了兼容性各浏览器，继续使使用 :after 这种老语法表示伪元素 ...
before用双冒号与单冒号的区别
前端小白
09-22 1万+
:before和::before的区别 在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？ 这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 W3C关于CSS3选择器的规范中有一段描述：
::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用。
liuhao9999的博客
03-23 766
单冒号（:）用于CSS3伪类，双冒号（::）用于CSS3伪元素。（伪元素由双冒号和伪元素名称组成）双冒号是在当前规范中引入的，用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素写法，比如:first-line、:first-letter、:before、:after等，而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。 想让插入的内容出现在其它内容前，使用::before，否者，使用::after；在代码顺序上，::after生成的内容也比::before生成的内容靠后。如果按堆.
::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用
LuckXinXin的博客
05-13 598
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素 用于区分伪类和伪元素
：：双冒号是什么意思
09-06
- *1* *3* [::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用](https://blog.csdn.net/weixin_39804620/article/details/117761962)[target="_blank" data-report-click={"spm":"1018....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值