如何在CSS的“ form:hover {property:value}”中的`form`和`:hover`之间定界符(空格)将样式应用于表单的所有元素?

问题描述 投票:0回答:1

我遇到了CSS中的:active元素。这是:active元素的Mozilla文档页面。https://developer.mozilla.org/en-US/docs/Web/CSS/:active

他们已使用此示例

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>

我无法像在:active中那样在form:active之间给出一个定界符(空格),因此无法清楚地理解form :active元素为何适用于所有表单元素。 CSS如何应用此原则?

html css
1个回答
0
投票

因为当您将CSS选择器与空格分开时,您会更深入地了解元素层次结构。

form :active {
  color: red;
}

该记录将这种样式应用于表单中的每个特定活动元素,包括后代。

© www.soinside.com 2019 - 2024. All rights reserved.