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

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

posted @ 2019-12-10 21:46  啾啾啾c  阅读(1045)  评论(0编辑  收藏  举报