:before和::before是什么区别

迷南。 2022-05-28 01:29 148阅读 0赞

# 转自[:before和::before区别][before_before] #

# 题目点评 #

> 这个问题看来很简单，但如果之前没有琢磨这个问题，给人感觉也是门头一垂，听到这个题目就懵逼了，因为原来从来没有注意过这个问题，即便有注意这个问题也不能很好的回答清楚。回答的技巧就是从相同点和不同点，以及他们的作用，及注意事项上去回答。![奋斗][struggle.gif]

# 解答要点 #

*   相同点

1.  1.  都可以用来表示伪类对象，用来设置对象前的内容
    2.  :befor和::before写法是等效的

*   不同点

1.  1.  :befor是Css2的写法，::before是Css3的写法
    2.  :before的兼容性要比::before好 ，不过在H5开发中建议使用::before比较好

# 加分项 #

1.  伪类对象要配合content属性一起使用  
    
2.  伪类对象不会出现在DOM中，所以不能通过js来操作，仅仅是在 CSS 渲染层加入
3.  伪类对象的特效通常要使用:hover伪类样式来激活  
    
    
    **\[css\]**  [view plain][]  [copy][view plain]
    
    1.  .test:hover::before \{ /\* 这时animation和transition才生效 \*/ \}

\--------------------------------------------------------------------------------------------------------------------

[:before和::before是什么区别][before_before]

[before_before]: https://blog.csdn.net/lxcao/article/details/52640662
[struggle.gif]: /images/20220528/2d2d66d007054feb82ec15326928a0ae.png
[view plain]: https://blog.csdn.net/lxcao/article/details/52640662#

发表评论取消回复

表情：

评论列表（有 0 条评论，148人围观）

还没有评论，来说两句吧...

相关阅读

相关多线程： happen-before是什么

happen-before是什么使用happen-before描述两个操作之间的内存可见性。 java内存模型（JMM）是一套规范，在多线程中，一方面，要让编译器和C

缺乏、安全感/ 2024年03月17日 10:44/ 0 赞/ 43 阅读

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

在 CSS 中伪类一直用 : 表示，如 :hover, :active 等伪元素在CSS1中已存在，当时语法是用 : 表示，如 :before 和 :after

小灰灰/ 2023年08月17日 15:54/ 0 赞/ 123 阅读

相关 css before 和 after

谈自己对after和before的学习；学css样式，before和after是必须要掌握的，但是直到最近我才感觉摸到他们的门槛； before和after是伪元素；

深碍√TFBOYSˉ_/ 2023年06月30日 10:55/ 0 赞/ 9 阅读

相关 happens before

由于cpu缓存和jvm指令重排序，导致在多线程并发时，可能导致并发问题。为了保证一致性提出了可以理解的happens before原则。具体如下

水深无声/ 2023年01月21日 02:29/ 0 赞/ 130 阅读

相关 :before和::before的区别

转自 [点击打开链接][Link 1] \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ 在一次项目中，有一次要用到::

女爷i/ 2022年08月21日 03:15/ 0 赞/ 132 阅读

相关 happens_before

happens-before俗解学习Java并发，到后面总会接触到happens-before偏序关系。初接触玩意儿简直就是不知所云，下面是经过一段时间折腾后个人对此的

古城微笑少年丶/ 2022年08月09日 17:49/ 0 赞/ 130 阅读

相关 :before和::before是什么区别

转自[:before和::before区别][before_before] 题目点评 > 这个问题看来很简单，但如果之前没有琢磨这个问题，给人感觉也是门头一垂，听到

迷南。/ 2022年05月28日 01:29/ 0 赞/ 149 阅读

相关 @Before和@After的区别

通常我们使用JUnit的时候，会有一些方法需要提前或最后执行，则需要如下几种方式进行注解 ![watermark_type_ZmFuZ3poZW5naGVpdGk_sh

绝地灬酷狼/ 2022年02月14日 09:12/ 0 赞/ 230 阅读

相关 happens-before

程序次序规则：在一个线程按照程序代码顺序，书写在前面的操作先行发生于书写在后面的操作。准确地说，应该是控制流顺序而不是程序代码顺序, 因为要考虑分支、循环等结构。管程

淩亂°似流年/ 2021年11月10日 09:28/ 0 赞/ 212 阅读

相关 8. :before 和 ::before 区别?【CSS】

单冒号(:)用于CSS3伪类双冒号(::)用于CSS3伪元素对于CSS2之前已有的伪元素，比如:before，单冒号和双冒号的写法::before作用是一样的。转载

朴灿烈づ我的快乐病毒、/ 2021年11月01日 07:50/ 0 赞/ 248 阅读