gpt4 book ai didi

html - 打开时详细信息元素的 CSS 选择器

转载 作者:行者123 更新时间:2023-12-04 12:08:04 25 4
gpt4 key购买 nike

是否有可以针对 details 的 CSS 选择器(如伪类)?元素什么时候打开?

一种可能的用途是更改 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>

关于html - 打开时详细信息元素的 CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61292792/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com