详解CSS伪类与伪元素
伪类/伪元素定义
做前端那必须的要接触到 CSS 的伪类和伪元素。常见的又:focus，:hover，:link，:visited 等等。在 CSS1 和 CSS2 中对伪类和伪选择器没有做出很明显的区别定义，而二者在语法是一样的，都是以:开头，这造成很多人会将某些伪元素误认为是伪类，如:before，:after；而在 CSS3 中，对这两个概念做了较清晰的解释，二者区别更为明显，更容易理解。
伪类定义
CSS3 对与伪类的定义如下：
The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the other simple selectors.
伪类存在的意义是为了通过选择器找到那些不存在与 DOM 树中的信息以及不能被常规 CSS 选择器获取到的信息。
A pseudo-class always consists of a “colon” (
详解CSS伪类与伪元素相关推荐
- html相同标签nth,详解CSS nth-child与nth-of-type的元素查找方式
nth-child和nth-of-type是css的两个伪选择符.应用中,这两者常常容易混淆.这里把它们拿出来仔细做个对比,看看这两者是怎么查找元素的. nth-child(n) -- 寻找第n个子元 ...
- CSS 类选择器详解——CSS 多类选择器
类选择器允许以一种独立于文档元素的方式来指定样式. CSS 类选择器 类选择器允许以一种独立于文档元素的方式来指定样式. 该选择器可以单独使用,也可以与其他元素结合使用. 提示:只有适当地标记文档后, ...
- 十三、CSS 3新特性详解（一）——属性、结构伪类、伪元素选择器，nth-child与nth-of-type区别，2D rotate，calc函数、滤镜filter、过渡transition
七.CSS3 属性选择器(上) 什么是 CSS3 在 CSS2 的基础上拓展.新增的样式 CSS3 发展现状 移动端支持优于 PC 端 CSS3 目前还草案,在不断改进中 CSS3 相对 H5,应用非 ...
- 详解 CSS 属性 - 伪类和伪元素的区别
2019独角兽企业重金招聘Python工程师标准>>> CSS 伪类用于向某些选择器添加特殊的效果. CSS 伪元素用于将特殊的效果添加到某些选择器. 可以明确两点,第一两者都与选择 ...
- 详解CSS伪元素::marker
::marker介绍 ::marker CSS pseudo-element(CSS伪元素) 选中一个list item的marker box,后者通常含有一个项目符号或者数字.它作用在任何设置了di ...
- 什么是伪类和伪元素？伪类和伪元素的区别的区别详解
1.伪类 用来添加一些选择器的特殊效果. 2.伪元素 伪元素是用来添加一些选择器的特殊效果. 3.区别 伪元素其实相当于伪造了一个元素,例如before,first-letter达到的效果就是伪造了一 ...
- CSS复合选择器（ 交集、 并集、后代、子元素、兄弟、伪类、伪元素）
CSS复合选择器 总结 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签. :first-child与:first-of-type区别 :fi ...
- CSS 伪类与伪元素
CSS的元素选择器除了根据id(#).class(.).属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素.它们就是伪类和伪元素.跟id选择器.类选择器.属性选择器以及派生 ...
- css中伪类与伪元素的区别
一:伪类: 1:定义:css伪类用于向某些选择器添加特殊效果. 伪类其实与普通的css类相类似,可以为已有的元素添加样式,但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式,所以将其称为 ...
最新文章
- HttpClient 教程 (二)
- 就编程而言,可移植性意味着什么?
- 学习笔记_vnpy实战培训day04_作业
- Synchronized的底层实现原理(看这篇就够了)
- python计算bmi指数_python 练习题：计算的BMI指数，并根据BMI指数条件选择
- 求和值大于等于776且和值最小的两个数
- D类音频功放NS4110B电路设计
- 使用导入 Excel 的方式批量修改文件名称及文件扩展名
- mysql主从复制报错：the master has purged binary logs containing GTIDs that the slave requires
- 第三方定量定性检测质谱实验
- 山东理工大学ACM平台题答案 1235 计算球体积
- 什么是 docker?docker和虚拟机有什么差别和不同？
- 在Element UI中表格根据数据动态变化显示表格的内容
- frp客户端进行windows远程桌面连接
- 吉林大学计算机研究生成绩计算方法,关于同济大学研究生成绩计算方法的说明...
- 实用机器学习-学习笔记
- 200左右哪款蓝牙耳机值得入手？双11小白新手避雷高性能蓝牙耳机
- sklearn 命令行安装_1.sklearn库的安装
- xman的思维导图快捷键_MindMaster 思维导图快捷键
- ApplePay 支付的简单使用
热门文章
- Fatal error in launcher: Unable to create process using“”C:\Program Files (x86)\Python 出现这个错误的终极解决办法
- vue使用腾讯地图定位
- 怎么安装nerworkx_ubuntu 下NetworkX的安装和使用
- Java设计模式之创建型-建造者模式 (Builder)
- 什么是EI-EI检索是什么意思?
- 怎么找回u盘误删的文件
- PCA SVM KFold face detection
- linux防火墙arp攻击,解决linux下arp攻击的方法
- 游戏安全03：缓冲区溢出攻击简单解释
- css显示文字时怎么加空格,css的text-align-last属性,以及IE下text-align-last的文字间要加空格...