父 div 类的“:active”对子 div 不起作用

要解决“父 div 类的 :active 对子 div 不起作用”的问题，可以使用 JavaScript 来添加一个事件监听器，当父 div 被点击时，移除子 div 的 :active 类。以下是一个示例代码：

HTML 代码：

<div id="parent" class="active">
  <div id="child"></div>
</div>

CSS 代码：

.active:active {
  background-color: blue;
}

#child:active {
  background-color: red;
}

JavaScript 代码：

document.getElementById("parent").addEventListener("mousedown", function() {
  document.getElementById("child").classList.remove("active");
});

在上述代码中，当父 div 被点击时，使用 JavaScript 移除了子 div 的 active 类。这样，当父 div 被点击时，子 div 的 :active 样式就不会生效了。