父元素第一个子元素EE:only-

伪类（伪类选择器）

伪类：同一个标签根据其不同的状态有不同的样式。这被称为“伪类”。伪类用冒号表示。

比如div属于box类，很明确，它属于box类。但是 a 属于什么类？不清楚。因为它需要查看用户点击前是什么状态伪类选择器有哪些状态，点击后是什么状态。因此，它被称为“伪类”。

静态伪类和动态伪类

有两种伪类选择器。

(1）静态伪类：只能用于超链接的样式。如下：

(2）动态伪类：适用于所有标签样式如下：

超链接一个标签超链接的四种状态

a标签有4个伪类（即对应四种状态），需要背诵。如下：

请记住伪类选择器有哪些状态，在 CSS 中，这四种状态必须以固定的顺序编写：

a:link , a:visited , a:hover , a:active

E:first-child 匹配父元素 E 的第一个子元素

选择其父元素的第一个子元素

并设置样式：

p:first-child
{ 
background-color:yellow;
}

E:last-child

匹配 E 作为父元素的最后一个子元素

E :独生子女

匹配唯一的子元素E

E:nth-child(n)

匹配第n个父元素A子元素E。括号中是一个特定的数字（也可以使用：nth-​​child(2n+1)表示奇数项，nth-child(2n+2)表示偶数项））

伪元素选择器1、::before 和::after 必须有属性内容

2.在内部内容之前或之后插入内容

必须带一个属性content
 div::before {
        content: "我是插入的内容";
        background: #572eb8;
}

1.1当插入的内容定义了宽度、高度等属性时，实际上是一个盒子（必须通过显示转换，因为默认是内联元素）。

    
盒子1

div{
        width: 500px;
        height: 500px;
        border: 1px solid #000;
    }
    div::before{
        content: "插入的盒子";
        display: block;
        width: 200px;
       height: 200px;
       background: rgb(211, 29, 29);
}

2、::first -letter 第一个单词 3、::first-line 第一行（基于浏览器的第一行） 4、::selection 选中的单词行（鼠标选择的字段）只有几个 CSS 属性可以应用于 ::selection 选择器：颜色、背景、光标和轮廓。