CSS 属性 - 伪类和伪元素的区别
2016-06-12 20:48
477 查看
今天在一个群里看到一个朋友问到css里边伪类和伪元素的区别,因为自己没分清楚伪元素和伪类,所以查了一下w3c。
首先,
可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他
但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼容性的问题,我们在书写时应该尽可能养成好习惯,区分两者。
首先,
w3c对两者的定义是:
CSS伪类用于向某些选择器添加特殊的效果。
CSS伪元素用于将特殊的效果添加到某些选择器。
可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他
css无法描述的东西。
伪类:
伪元素:
总结一下,伪元素和伪类之所以这么容易混淆,是因为他们效果都很类似而且写法上边也都大同小异,但是
css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。
:Pseudo-classes ::Pseudo-elements
但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼容性的问题,我们在书写时应该尽可能养成好习惯,区分两者。
相关文章推荐
- CSS文字样式
- DIV与CSS的结合使用
- MVC4.0 部署后css.js 失效
- 精通 CSS 选择器(二)
- safari中overflow:hidden对CSS模糊滤镜溢出隐藏无效解决办法
- css3写导入跳动的音乐
- css3写倒着跳动的音符
- CSS3写跳动的音频(柱子)
- 【项目中】改变checkbox边框样式及颜色
- css3圆环百分比,菜单栏定位导航
- CSS绘图:环
- CSS 中样式覆盖优先顺序
- css 3d
- HTML的标签类型 以及通过CSS改变标签的显示类型
- CSS从一个png图片里取出(截取)里面的小图标
- 【CSS笔记十】CSS样式设置小技巧
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- CSS样式定位
- 实习杂记(22):关于MediaController的原生样式的改变
- CSS box-sizing属性