CSS3伪类和伪元素的特性和区别
2024-10-11 02:56:17
前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus
,:hover
以及<a>
标签的:link
、visited
等,伪元素较常见的比如:before
、:after
等。
其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念,CSS1和CSS2中对伪类的伪元素的区别比较模糊,甚至经常有同行将:before
、:after
称为伪类。CSS3对这两个概念做了相对较清晰地概念,并且在语法上也很明显的讲二者区别开。
伪类 - pseudo classes
首先看看CSS2中对伪类的定义:
单单看定义完全不懂在讲什么。截止CSS2,伪类有以下几种(偷个懒,截图引自W3School):
然后是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.
A pseudo-class always consists of a "colon" (
最新文章
- SQL Server自动化运维系列——监控跑批Job运行状态(Power Shell)
- ng-switch
- 【转】探讨android更新UI的几种方法----不错
- @synthesize 与@dynamic区别
- DRBD(数据镜像)+hearbeat(自动切换)
- oracle的insert的时候&;符号如何插入(转义)
- OS X background process
- freemarker---详细使用教程
- HH去散步[SDOI2009]
- Atlas实现MySQL大表部署读写分离
- 关于asp.net中链接数据库的问题
- BZOJ4970 : [ioi2004]empodia 障碍段
- php的pid文件指定用户
- Linux下使用timedatectl命令时间时区操作详解
- There are stopped jobs
- Java HttpURLConnection 下载图片 图片全是“加密图片”文字,怎么解决?
- html5 ajax多图片可预览上传图片
- om.android.ide.common.process.ProcessException: org.gradle.process.internal.ExecException
- C#结构(Struct)
- EM(期望最大化)算法初步认识
热门文章