css鼠标点击子元素，父元素改变怎么设置

要实现当鼠标点击子元素时，父元素改变样式，可以使用CSS伪类选择器`:active`和后代选择器。

首先，你需要为父元素和子元素定义样式。例如，在下面的示例中，我们将为父元素`<div>`和子元素`<a>`定义样式：

<div id="parent">
  <a href="#">子元素</a>
</div>

#parent {
  background-color: blue;
}

#parent:active a {
  color: red;
}

在这个示例中，我们为父元素`<div>`定义了一个蓝色背景色，并使用`#parent`选择器对其进行样式化。我们还使用`:active`伪类选择器和后代选择器为子元素`<a>`定义了一个红色文本颜色。当用户点击子元素`<a>`时，`:active`伪类选择器将应用于父元素，而`<a>`的文本颜色将变为红色。

请注意，这种方法只在鼠标点击期间有效。当用户释放鼠标按钮时，父元素和子元素的样式将恢复为未激活状态。