是否有一个CSS选择器(如伪类)可以在details
元素打开时定位到它?
一种可能的用途是当用户打开summary
元素时更改details
元素的颜色。
使用属性[open]
选择器
details summary {
background: pink;
}
details {
background: lightgreen;
}
details[open] summary {
background: red;
}
<details>
<summary>Details</summary>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga, incidunt dolores! Laudantium fugit aspernatur rem autem, expedita ut id necessitatibus, perferendis, accusantium esse repudiandae?
</details>