css一级子元素

CSS一级子元素选择器可以用来选择子元素中的第一层，使用">"表示。下面是一个使用一级子元素选择器的例子：

.parent > .child {
  background: #f9f9f9;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #ccc;
} 

在这个例子中，我们针对class为parent的元素中的所有class为child的一级子元素应用样式。这意味着只有直接包含在.class为parent的元素内的.class为child的元素才会应用这些样式。

以下是一个HTML示例，其中包含一个.class为parent的div元素和两个.class为child的div元素：

<div class="parent">
  <div class="child">第一个子元素</div>
  <div class="child">第二个子元素</div>
</div> 

在这个HTML中，我们应用了一级子元素选择器。此时，只有包含"text1"的div元素将应用上述样式，而包含"text2"的元素将不会。