：——是指的伪类
：：——是指的伪元素
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:"";使用
小白一只，如有错误，欢迎指出