欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

:before与::before的相同点和不同点

程序员文章站 2022-03-08 09:41:45
...
  • 相同点

    1. 都可以用来表示伪类对象,用来设置对象前的内容

    2. :befor和::before写法是等效的

  • 不同点

    1. :befor是Css2的写法,::before是Css3的写法

    2. :before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好

注意点:

伪类对象要配合content属性一起使用

伪类对象不会出现在DOM中,所以不能通过js来操作,仅仅是在 CSS 渲染层加入

伪类对象的特效通常要使用:hover伪类样式来激活


.test:hover::before { /* 这时animation和transition才生效 */ }

以上就是:before与::before的相同点和不同点的详细内容,更多请关注其它相关文章!

相关标签: before 区别