当前位置: 首页 > Web前端 > CSS

伪元素和伪元素

时间:2023-03-30 13:33:59 CSS

伪元素(Pseudo-elements)和伪类(Pseudo-classes)伪元素伪元素是在DOM之外创建对象的对象。伪元素可以为源文档中不存在的一些内容指定样式。伪元素的内容其实和普通的DOM元素一样,只是基于元素的抽象,不存在于文档中,所以称为伪元素。用法是将2个以冒号::为前缀的关键字添加到选择器的末尾,例如::before或::after。伪元素函数说明level::after用于创建一个伪元素作为被选元素的最后一个子元素。通常,content属性用于向元素添加装饰性内容。此虚拟元素默认为内联元素2::before创建一个伪元素,它将成为匹配的选定元素的第一个子元素。通常通过content属性来给一个元素添加装饰性的内容。该元素默认为内联元素。2::first-letter选取块级元素第一行的首字母,文本所在行之前没有其他内容。1::first-line将样式应用于块级元素的第一行。第一行的长度取决于很多因素,包括元素宽度、文档宽度和文本大小1伪类CSS伪类用于为某些选择器添加特殊效果。伪类基于元素的特征而不是它们的id、类、属性或内容。由于状态变化是非静态的,当元素达到特定状态时,它可能会使用伪类设置样式,因此它基于文档外部的抽象。用法是一个以冒号为前缀的关键字:添加到选择器的末尾,例如::active:hover:link:visited。伪类描述层次:first-childfirstchildelementofparentelement2:last-childlastchildelementofparentelement2:nth-child()在当前元素的兄弟元素中查找所有满足条件的元素,如2n+1就是求1,3,5,7等等3