css中双冒号和单冒号区别
2024-09-04 07:32:44
:——是指的伪类
::——是指的伪元素
1.字面意思:
伪类,1.css中有类选择器,某些元素并未定义类名,就可以通过伪类赋予样式,如:【:nth-child(n)】;2.伪类可以应用于元素执行某种状态,如:【:hover】鼠标经过元素时
伪元素,创建一个新元素应用于文档,但是并不存在于文档中。
常见的伪元素选择器:
::first-letter 选择元素文本的第一个字(母)。
::first-line 选择元素文本的第一行。
::before 在元素内容的最前面添加新内容。
::after 在元素内容的最后面添加新内容。
::selection匹配用户被用户选中或者处于高亮状态的部分
::placeholder匹配占位符的文本,只有元素设置了placeholder属性时,该伪元素才能生效
2.兼容性建议使用单冒号
______________________
:fater和::after比较
不同点
1.兼容性,单冒号比双冒号兼容性好
2.写法:单冒号是css2写法,双冒号是css3写法
相同点
用法相同,都是为了添加元素,但是不存在于文档
注意点
使用时要配合content:"";使用
小白一只,如有错误,欢迎指出
最新文章
- HTML5_05之SVG扩展、地理定位、拖放
- Oracle 遇到的问题 (1)
- photobooth.js jquery
- 用C语言将搜狗输入法词库转换成QQ拼音输入法词库
- visual studio 引用lib
- spring mvc 406 (Not Acceptable) json转换错误
- Spell checker(poj 1035)
- 谈谈 JavaScript 中的 this 指向问题
- Android 解决调用系统相册打不开图片 DecodeServices报解码错误
- 批量转换引擎为innodb
- Android检查更新下载安装
- [知了堂学习笔记]_ajax的两种使用方式
- K8S API 调用
- Linux 文件内容查看(cat、tac、nl 、more 、less、head、tail )
- 排序算法(Gif动图演示)
- 三天STL与pbds(平板电视)
- 码云 Git No network connection
- CSS margin属性取值
- BZOJ5047 空间传送装置 2017年9月月赛 最短路 SPFA
- kbmMW SmartService控制返回类型