CSS 隐藏父元素后如何访问子元素并设置样式

在 CSS 中，可以使用选择器来选择元素的子元素。例如，可以使用 '>' 符号来选择直接子元素，或者使用空格来选择所有后代元素。

如果你想在隐藏上一层的元素时找到对应的子元素，可以先找到上一层的元素，然后使用选择器来选择子元素并隐藏它们。

以下是一个示例代码：

HTML:

<div class='parent'>
  <div class='child'>子元素1</div>
  <div class='child'>子元素2</div>
  <div class='child'>子元素3</div>
</div>

CSS:

.parent {
  display: none; /* 隐藏上一层的元素 */
}

.parent .child {
  /* 对子元素应用样式 */
  color: red;
}

在上面的示例中，'.parent' 类的元素被隐藏，而'.child' 类的子元素仍然可以显示，并且被设置为红色。这样你就可以在隐藏上一层的元素时找到对应的子元素，并对它们应用样式。