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:"";使用
小白一只,如有错误,欢迎指出
努力前进的小白