html - 如何通过单击其父项来显示子项的事件状态？

Question

单击父项时如何显示子项的事件状态？在下面的示例代码中，我想点击 div 并获得 <a>标签的事件状态也显示。帮忙？

div:active {
  background-color: pink;
}

a:active {
  background-color: yellow;
}

<div>
  <a href="https://www.w3schools.com">w3schools.com</a>
</div>

Answer 1

当父级为 活跃。

div:active {
  background-color: pink;
}

div:active > a, a:active {
  background-color: yellow;
}

<div>
  <a href="https://www.w3schools.com">w3schools.com</a>
</div>