css3和css伪类和伪元素区别与兼容性
单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。
伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的,用于区分伪类和伪元素。但是伪类兼容现存样式,浏览器需要同时支持旧的伪类,比如:first-line、:first-letter、:before、:after等。
对于CSS2之前已有的伪元素,比如:before,单冒号和双冒号的写法::before作用是一样的。
所以,如果你的网站只需要兼容webkit、firefox、opera等浏览器,建议对于伪元素采用双冒号的写法,如果不得不兼容IE浏览器,还是用CSS2的单冒号写法比较安全。
--------------------------------------------------------------------------------------------------------------------------------------
以上的意思为:css2伪类和伪元素都是用单引号,所有的浏览器都兼容,但是css3伪类为单引号如:hover ,伪元素为双引号::before;但是双引号IE8以下不兼容
css3和css伪类和伪元素区别与兼容性相关推荐
- 详解 CSS 属性 - 伪类和伪元素的区别
2019独角兽企业重金招聘Python工程师标准>>> CSS 伪类用于向某些选择器添加特殊的效果. CSS 伪元素用于将特殊的效果添加到某些选择器. 可以明确两点,第一两者都与选择 ...
- CSS3伪类和伪元素的特性和区别
前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link.visited等,伪元素较常见的比如:before.:after等. 其 ...
- css中伪类与伪元素的区别
一:伪类: 1:定义:css伪类用于向某些选择器添加特殊效果. 伪类其实与普通的css类相类似,可以为已有的元素添加样式,但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式,所以将其称为 ...
- CSS 属性 - 伪类和伪元素的区别
伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示. :Pseudo-classes : ...
- 十三、CSS 3新特性详解(一)——属性、结构伪类、伪元素选择器,nth-child与nth-of-type区别,2D rotate,calc函数、滤镜filter、过渡transition
七.CSS3 属性选择器(上) 什么是 CSS3 在 CSS2 的基础上拓展.新增的样式 CSS3 发展现状 移动端支持优于 PC 端 CSS3 目前还草案,在不断改进中 CSS3 相对 H5,应用非 ...
- CSS3 伪类和伪元素
CSS3 伪类和伪元素 伪类 静态伪类 动态伪类 伪元素 伪类 元素在不同状态表现不同样式,如点击a标签文本变红,放开变紫 静态伪类 只能用于超链接,用得少 :link 超链接未点击前的样式 :vis ...
- CSS复合选择器( 交集、 并集、后代、子元素、兄弟、伪类、伪元素)
CSS复合选择器 总结 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签. :first-child与:first-of-type区别 :fi ...
- CSS中的伪类和伪元素(详细)
这篇想要跟大家分享的是css中的伪类和伪元素,有任何问题可以私聊我或者评论哦! 首先,我们先来想一下 一.引入伪类跟伪元素的原因? 伪类和伪元素的引入是因为在文档树里有些信息无法被充分描述 比如CSS ...
- css3伪类和伪元素基本使用
一.介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法. 常见伪类--:hover,:link,:active,:target,:not(),:focus. 常见伪元素--::first-let ...
最新文章
- 文远知行A轮再获数千万美元融资 商汤科技和农银国际跟投
- 安全设置不许可html,快捷指令提示安全性设置不允许不信任怎么办_安全性设置不允许不信任解决办法_咖绿茵手游站...
- 【Java语法】StringBuilder 可变字符序列 和普通String的对比
- sql oracle 递归查询语句,Oracle使用SQL语句进行递归查询
- strcpy完整版 与 strcpy为什么有返回值
- 7. vue-cli 安装和使用脚手架
- Grafana实现参数查询功能
- Axure绘制页面框架 图文详解教程
- 怎样用美图秀秀制作一寸照片
- Flink 与 Storm的对比
- 网络安全与攻防-常见网络安全攻防
- 大学学计算机需不需要提前预习,大学怎么预习啊?
- Android Developer:合并清单文件
- 消防应急照明和疏散指示系统在轨道交通中的设计应用
- ENVI|一天一个小技能|APP STORE浏览并下载矢量数据
- Angular 4 Router
- 计算机网络局域网的组建实验报告,《计算机网络》局域网的组建与测试实验报告...
- 移植正点原子linux内核
- 月活用户突破2.39亿、还能表单买菜and在线千人大课……这个软件有点儿意思!
- 创建MockMvc对象时空指针异常NullPointException的解决办法