伪类与伪元素的区别
来源:互联网 发布:反恐精英刷枪软件 编辑:程序博客网 时间:2024/05/21 06:35
CSS 引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化
伪类用于向某些选择器添加特殊的效果。
伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。
伪元素用于将特殊的效果添加到某些选择器。
与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。实际上,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。
可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他
css
无法描述的东西。伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上
css3
为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。伪类和伪元素的根本区别在于:它们是否创造了新的元素(抽象)。
但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼容性的问题,我们在书写时应该尽可能养成好习惯,区分两者。
0 0
- 伪类与伪元素的区别
- 伪类与伪元素的区别
- 伪类与伪元素的区别
- 【前端】伪类与伪元素区别
- css中的伪类与伪元素的区别
- CSS3伪类与伪元素的区别及注意事项
- 笔记:伪类与伪元素的区别
- 伪类和伪元素的应用与区别
- css伪元素与伪类的区别
- 伪元素和伪类的区别
- 伪类和伪元素的区别
- 伪类和伪元素的区别
- 伪类、伪元素的区别
- 伪类、伪元素的区别
- 伪类和伪元素的区别
- 伪元素和伪类的区别
- 伪类和伪元素的区别
- 伪类和伪元素的区别
- MyEclipse Java @override报错的解决方法
- show ip bgp ipv4 mvpn vrf LOCALSP neighbors 203.3.18.1 advertised-routes -------在特定的vrf show neighbo
- 《你不知道的JavaScript 中卷》
- iOS ReactiveCocoa的简单使用
- 2017近期架构运维行业会议跑会指南
- 伪类与伪元素的区别
- iOS常见又通用的一些小方法集合(不定时更新,欢迎补充)
- [00109]将Unicode文本标准化
- ScrollView嵌套ListView问题解决方案
- java版微信支付V3JSAPI 公众号支付
- 基于微信的直播方式
- 【Maven】Nexus(Maven仓库私服)下载与安装
- Dim i% 中的 %
- 菜鸟小屁的成长日记2017.1.12