当前在 css 中单击是不是有状态? [复制]

Posted

技术标签:

【中文标题】当前在 css 中单击是不是有状态? [复制]【英文标题】:Is there a state for currently clicked in css? [duplicate]当前在 css 中单击是否有状态? [复制] 【发布时间】:2022-01-13 18:03:13 【问题描述】:

是否有“当前点击”的状态?假设导航菜单中有三个链接,当当前“打开”链接时,如何让它保持某种颜色?向用户显示他当前所在的位置。 as :active 仅在单击链接(在这种情况下)时才有效,但在鼠标按钮释放时会变回。 ——

【问题讨论】:

如果您想避免使用 javascript,请使用您可以在 caramba 的链接中看到的 Aaron Fitch 的“checkbox hack”。 【参考方案1】:

“那样”行不通。处理它的一种常见方法是在您所在的页面上添加一个正文类:

<body class="about-us">

...然后你在你的 CSS 中加入它:

.about-us .nav .about  color: red 

【讨论】:

以上是关于当前在 css 中单击是不是有状态? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

单击时清除 CSS 菜单悬停状态(通过 ajax 加载的页面)

在 iOS 设备中单击按钮后 CSS 悬停样式仍然存在

如何以当前状态恢复现有任务

当用户单击使用 JavaScript 的按钮时,如何关闭当前浏览器选项卡? [复制]

如何使用 nextjs 更新状态? [复制]

CSS 是不是有一个选择器用于在多个类中进行选择? [复制]