css 子元素仅一个含class

在 CSS 中，我们可以使用后代选择器来选取一个元素的子元素。而如果我们只想选择一个元素的子元素中含有特定 class 的元素，我们可以使用 > 符号链接两个选择器，也就是 CSS 的子元素选择器。

这个选择器的语法如下：

父元素 > .class名 {
  /* 选中的子元素的样式 */
}

其中，父元素是想要选取子元素的元素，而 > 符号表示选择器仅选中父元素的子元素。紧接着的 .class名 表示选中的子元素必须含有对应的 class 名称。

下面是一个例子：

ul > .item {
  color: red;
}

这个 CSS 代码选中了 ul 元素的子元素中，含有 item class 名称的元素，然后给它们应用了样式。

我们可以将代码变得更加具体，比如只选中 ul 中某个 div id 以下的 .item 子元素：

ul#list > div > .item {
  color: red;
}

在代码中，我们选中了 id 为 list 的 ul 元素的某个 div 元素，然后再选中这个 div 元素的子元素中，含有 item class 名称的元素，最后给它们应用样式。

总而言之，使用 CSS 的子元素选择器，我们可以选中某个元素的子元素中，含有特定 class 名称的元素，从而对它们进行样式上的操作。