关于表单元素内部样式的问题[重复]答案

【问题标题】：Question about style inside form elements [duplicate]关于表单元素内部样式的问题[重复]
【发布时间】：2023-04-01 19:36:01
【问题描述】：

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

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>

【问题讨论】：

大约 60 分钟前，另一位用户提出了同样的问题。
@Llazar 可能是一个家庭作业问题；）
注意选择器中的空格 .. :active 应用于子元素而不是表单元素
是的....如果我执行“form:active”，它只适用于标签...为什么？
在这种情况下，您将拥有继承权，并且只有标签会继承该值，因为按钮已经指定了默认值

标签： css

【解决方案1】：

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

有了这个：

form:active {
  color: red;
}

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

【讨论】：

谢谢。因此，如果我将 CSS 选择器分配给父级，除非另有说明，否则它将始终影响子级？
注意他的代码选择器中的空格很重要