有关表单元素内部样式的问题

Question

我不明白为什么选择表单会将活动类应用于标签：

form :active {
  color: red;
}


form button {
  background: white;
}

    <form>
      <label for="my-button">My button: </label>
      <button id="my-button" type="button">Try Clicking Me or My Label!</button>
    </form>

Answer 1

“ :: active选择器用于选择和设置活动链接的样式。 当您单击链接时，该链接将变为活动状态。“

与此：

form:active {
  color: red;
}

在激活时（当您单击表单上的任意位置时），将表单的颜色和其中的所有元素设置为红色