html - HTML中单个a href链接中的多种样式
问题描述
我想要一个同时具有正常和粗体字重的链接。像这样:
[示例链接]
当我将鼠标悬停在链接的任何部分时,我希望整个链接文本的颜色发生变化。我试过了:
a:visited { color: #000000; }
a:hover { color: #808080; }
<a href="image.png">sample <strong>link</strong></a>
但是,问题是当我将鼠标悬停在它上面时,粗体部分不会改变颜色并保持黑色而不是变成灰色。我尝试使用带有指定悬停颜色而不是强标签的 CSS 类的跨度。虽然这适用于粗体文本,但只要鼠标悬停在链接的非粗体部分上,它就不会改变颜色。
解决这个问题的正确方法是什么?谢谢。
编辑:问题是我有 * { color: #000000; } 在 CSS 中。
解决方案
我试过这样。
a:visited { color: #000000!important; }
a:hover { color: #808080!important; }
推荐阅读
- docker - Ansible/Rundeck 中的 Propper 容器日志监控
- postgresql - 为什么在索引扫描期间读取了这么多页面(Postgres 11.2)?
- python - 如何在模型 Django 中定义特殊归档
- latex - 如何将乳胶代码放在 kable 标题中?
- web-scraping - 网页抓取:匹配不同来源上具有不同名称的相同项目
- python - 如何在python中将字符串的最后一个字母大写?
- sql - 通过公共角色登录
- javascript - React 功能父组件共享通用 onChange 函数,无需冗余代码
- java - 在 Java 中审计 gRPC 调用
- java - Java 9:使用 elasticsearch-7.3.2.jar 查找异常,无法为其派生模块描述符