css中双冒号和单冒号区别

：——是指的伪类

：：——是指的伪元素

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

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

原文地址：https://www.cnblogs.com/charon-66/p/12019415.html