:——是指的伪类

::——是指的伪元素

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:"";使用

小白一只,如有错误,欢迎指出

最新文章

  1. HTML5_05之SVG扩展、地理定位、拖放
  2. Oracle 遇到的问题 (1)
  3. photobooth.js jquery
  4. 用C语言将搜狗输入法词库转换成QQ拼音输入法词库
  5. visual studio 引用lib
  6. spring mvc 406 (Not Acceptable) json转换错误
  7. Spell checker(poj 1035)
  8. 谈谈 JavaScript 中的 this 指向问题
  9. Android 解决调用系统相册打不开图片 DecodeServices报解码错误
  10. 批量转换引擎为innodb
  11. Android检查更新下载安装
  12. [知了堂学习笔记]_ajax的两种使用方式
  13. K8S API 调用
  14. Linux 文件内容查看(cat、tac、nl 、more 、less、head、tail )
  15. 排序算法(Gif动图演示)
  16. 三天STL与pbds(平板电视)
  17. 码云 Git No network connection
  18. CSS margin属性取值
  19. BZOJ5047 空间传送装置 2017年9月月赛 最短路 SPFA
  20. kbmMW SmartService控制返回类型

热门文章

  1. (0720) 【 表示 n'b0; 】
  2. 在 Windows 上使用VirtualBox 安装 Ubuntu
  3. Kubernetes-yaml详解
  4. 掌控安全学院SQL注入靶场
  5. 2022NCTF
  6. AXI VALID READY 握手机制
  7. cpp chrono basic
  8. 关闭内核Debug_log打印!
  9. ASPICE的实践
  10. gdb 常用命令总结