转自:before和::before区别

题目点评

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

解答要点

  • 相同点

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

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

加分项

  1. 伪类对象要配合content属性一起使用
  2. 伪类对象不会出现在DOM中,所以不能通过js来操作,仅仅是在 CSS 渲染层加入
  3. 伪类对象的特效通常要使用:hover伪类样式来激活
    [css]  view plain  copy

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

:before和::before是什么区别

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

  1. RPC 笔记(01)— RPC概念、调用流程、RPC 与 Restful API 区别

    1. 基本概念 PRC 远程过程调用 Remote Procedure Call,其就是一个节点请求另外一个节点提供的服务.当两个物理分离的子系统需要建立逻辑上的关联时,RPC 是牵线搭桥的常见技术手 ...

  2. C++ 笔记(28)— C++ 中 NULL和 nullptr 的区别

    最近看公司代码的时候发现在判断指针是否为空的时候,有的时候用的是 NULL, 有的时候用的是 nullptr 感觉很奇怪,好奇心驱使我查了下两者的区别,发现还是有很多细节需要学习的. 1. NULL ...

  3. gcc 和 g++ 的联系和区别,使用 gcc 编译 c++

    GCC 编译器已经为我们提供了调用它的接口,对于 C 语言或者 C++ 程序,可以通过执行 gcc 或者 g++ 指令来调用 GCC 编译器. 实际使用中我们更习惯使用 gcc 指令编译 C 语言程序 ...

  4. Python2 与 Python3 区别

    Python2.x 与 Python3.x 区别 1. print 函数 Python2 中 print 是语句(statement),Python3 中 print 则变成了函数.在 Python3 ...

  5. Docker 入门系列(1)- 初识容器,镜像、容器、仓库的区别

    Docker 简介 Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从Apache2.0协议开源. Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级.可移植的容器中,然后发 ...

  6. HTTP 协议入门 — (TCP/IP协议族、通信传输流、URI 与 URL 的区别、Cookie 状态管理、HTTP 支持的方法、状态码类别、HTTP 首部字段)

    TCP/IP协议族 在介绍 HTTP 协议之前,我们先对 TCP/IP 协议族有个大概的了解,TCP/IP 协议从上到下主要分为应用层.传输层.网络层和数据链路层,各层的主要功能如下表所示: 协议层 ...

  7. python二进制打开(rb)和文本格式打开(r)什么区别?

    使用 open() 函数以文本格式打开文件和以二进制格式打开文件,唯一的区别是对文件中换行符的处理不同. 在 Windows 系统中,文件中用 "\r\n" 作为行末标识符(即换行 ...

  8. python中__dict__与dir()区别

    前言 Python下一切皆对象,每个对象都有多个属性(attribute),Python对属性有一套统一的管理方案. __dict__与dir()的区别: dir()是一个函数,返回的是list: _ ...

  9. java和C#面向对象的区别

    问题:C#中的构造函数和java的构造函数一样吗? 答: .net的项目中,写实体Entity属性时,经常会为每一个属性写一对get和set方法,在用到这个实体或是一个类时,通过new实例化一个对象, ...

  10. 判别模型和生成模型的区别

    20210703 https://www.zhihu.com/question/20446337 机器学习"判定模型"和"生成模型"有什么区别? 重点 http ...

最新文章

  1. CodeProject 文章概览:ASP.NET 模板相关内容
  2. 1024. 科学计数法 (20)
  3. 微软亚洲研究院等提出CNN训练新方法RePr,准确率显著提升
  4. python之flask框架详解
  5. 编译 ioftpd v7.7.3
  6. lstm处理时序数据结构图_详解LSTM
  7. PDF转换图片,图片的切割,图片转换PDF以及PDF加水印等记录贴
  8. Javascript权威指南——第一章Javascript概述
  9. Java中的关键字this_super
  10. 基于Flask开发企业级REST API应用(一)
  11. 无锡金秋购物节 淘菜菜提供社区消费全景式服务
  12. 华为在剑桥建芯片厂;小米公布出货量反驳调研机构; 中移动否认限制号 | 极客头条...
  13. MySQL 5.7安装(多实例)最佳实践
  14. 华为畅享8plus停产了吗_华为99元起换电池新增27款机型!同时新增一项实用功能...
  15. 戴尔服务器盘安装系统安装win7系统教程,戴尔系统光盘安装win7系统方法
  16. 管理信息系统——决策表例题
  17. 升级Microsoft Edge到最新版本
  18. directadmin安装
  19. PS小知识(五)——羽化(图片拼接后去缝、自然过渡渐变)
  20. 学术派 |用深度学习实现2D到3D的转换

热门文章

  1. pomelo + vscode + typescript搭建可约束可调试的游戏服务端框架
  2. 中国社会追踪调查数据CGSS区县码(最全版本)
  3. 2021秋招复盘【基础版】
  4. 超好用的抓包工具——whistle
  5. CSS实现水平居中与垂直居中
  6. 秒懂MAC地址的构成和交换机基本原理
  7. GaussDB数据类型介绍
  8. 文件md5加密基本操作
  9. 计算机怎么删除我的苹果设备管理器,怎么删除电脑我的苹果设备管理器
  10. 使用php运行python文件