伪元素解析1.什么是伪元素:说到伪元素,我们就会想到伪类。伪元素和伪类是不同的。伪元素是不存在的元素(伪类的操作对象是文档树中存在的元素。伪元素创建文档树外的元素。使用css创建的标签,因此伪类和伪类的区别-elements是:是否在文档树之外创建一个元素。)1.伪元素包括:`(文本类型)::first-letter,段落首行首字母的样式。::first-line,第一行文本的自适应样式。::selection,文本被选中时的状态。2.伪元素类:(inserttype-类型内联元素(重要))::before,在元素前面插入内容::after,在元素末尾插入内容总结:这两种类型都可以插入文本或者insert相关块级元素的样式、背景、宽度、高度、字体大小都可以设置,相当于在元素内部嵌入一个块级框,也支持浮动、定位、显示类显示.1、默认显示:inline;2.必须设置content属性,否则什么都没有用;3、默认user-select:none,即::before和::after的内容不能被用户选中;4、伪元素和伪类的组合如下:.target:hover::after。注意!:创建后与元素体有父子关系。伪元素和伪类的区别:元素的状态,用一个冒号表示。
