[CSS元素选择器打开时

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

是否有一个CSS选择器(如伪类)可以在details元素打开时定位到它?

一种可能的用途是当用户打开summary元素时更改details元素的颜色。

html css css-selectors
1个回答
2
投票

使用属性[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>
© www.soinside.com 2019 - 2024. All rights reserved.