单击后如何更改<summary>元素的文本颜色？</summary>

Question

点击后如何更改元素的文字颜色？请建议 CSS悬停摘要和访问摘要。我想在摘要元素中更改文本颜色。

Answer 1

HTML：

<summary>Sample text</summary>

CSS：

这将改变悬停时的颜色

summary:hover{
    color:red;
}

点击

会改变颜色

summary:active{
    color:red;
}

基本上，点击摘要时使用:active，当它悬停时使用:hover

所以：active和：hover是伪类。

您可以在此处查看他们的文档：

1。 ：有效https://developer.mozilla.org/en-US/docs/Web/CSS/:active

2。 ：悬停https://developer.mozilla.org/en-US/docs/Web/CSS/:hover