css 选择组件的父节点

CSS选择器是用来选中HTML元素并为它们添加样式的工具。其中之一是选择父节点的选择器，用于选取某个元素的直接父元素。

/* 选择直接父节点的样式 */
.parent {
  background-color: gray;
}

.parent p {
  color: white;
}

/* 选择子节点的样式 */
.child {
  font-weight: bold;
}

.parent .child {
  color: blue;
}

在上面的代码中，我们使用了`.parent`选择器来选中元素的直接父元素，然后为它设置不同的样式。同时，我们也可以选择子节点，如上文中的`.parent .child`，用于选择某个元素的特定子元素。

总之，CSS选择器是一个非常强大的工具，可以让我们控制布局和样式，为用户带来更好的浏览体验。