CSS 颜色 anchor ,但不是 A :hover

标签 css

我想改变某个类的 anchor 标签的颜色,但只有当它们没有悬停时。同一类的悬停 anchor 应保留未分类 anchor 的颜色(无论其他样式表对它们做了什么)。

例如,给定:

a {color: [unknown color];} /* set elsewhere, out of my control */

a.incognito {color:inherit} /* the text color, typically black */
a.incognito:hover {color: [what?];} /* the color of a non-incognito anchor */

是否有纯 CSS 解决方案让悬停链接不使用同一类未悬停链接的颜色样式?

最佳答案

您可以使用 CSS3 :not() 修饰符:

a.incognito:not(:hover) {color:inherit} /* the text color, typically black */

请注意,IE <= 8 不支持此功能。

关于CSS 颜色 anchor ,但不是 A :hover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16401942/

相关文章:

css - Colspan 在 html5 表中无法正常工作

javascript - 在 html、css 和 js 网站图库中显示来自本地文件的图像

html - 如何在背景大小为 :contain? 的元素上使用框阴影

css - 如何独立于侧面的 div 使用 CSS 或 Vuetify 垂直堆叠 div?

javascript - 将窗口滚动到元素的底部

jquery - 关闭 Canvas 响应菜单在页面加载时闪烁 - js 和 bootstrap 3

css - 如何使用正则表达式删除一些 css 属性?

css - 当父元素达到其最大高度时可滚动的子元素

c# - IE9 中 css 圆 Angular 后面的代码响应的奇怪行为消失了

CSS 布局问题 - Div 不随内容扩展