我遇到了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如何应用此原则?
因为当您将CSS选择器与空格分开时,您会更深入地了解元素层次结构。
form :active {
color: red;
}
该记录将这种样式应用于表单中的每个特定活动元素,包括后代。