CSS的选择器是用来选择元素的方式，其是一个非常强大的工具。在选择器中，子标签的提取是十分常见的。下面，我们来一起学习CSS如何提取子标签。

.parent {
background-color: gray;
}
.parent p {
color: white;
}
.parent span {
font-style: italic;
}

上述代码中，我们定义一个名为“parent”的标签，该标签中包含了若干的段落

和。段落

和是“parent”标签中的子标签，因此我们可以使用子选择器提取它们。在上面的代码中，我们使用“.parent p”来选择所有的段落

并将它们的字体颜色改为白色。我们使用“.parent span”来选择所有的标签，并将它们的字体样式改为斜体。

如果我们只想选择“parent”标签下的第一个子

元素，我们可以使用:first-child选择器。

.parent p:first-child {
font-weight: bold;
}

上述代码中，我们使用“:first-child”选择器来选择“parent”标签下的第一个子

元素并将它们的字体样式改为粗体。

此外，我们还可以使用伪元素“::before”和“::after”在子标签前或后插入一些东西。

.parent p::before {
content: "-";
}
.parent p::after {
content: ".";
}

上述代码中，我们在每个

元素之前插入一个“-”符号，并在每个

元素之后插入一个“.”符号。

总之，CSS提取子标签是一个非常方便的工具，它可以帮助我们轻松地管理和修改HTML代码中的子标签。