如何解决给文本链接加下划线,但不给按钮加下划线
我正在构建一个同时使用文本超链接和 CSS 按钮链接的网站。我正在尝试配置 CSS,以便文本链接在悬停时生成下划线,而不是按钮。
我已经尝试了多种使用 :not() 和 a 类的配置,例如 a:not(button):hover
、a :not(button):hover
、{{1} } 和 a:hover :not(button)
但只成功地使按钮在悬停时带有下划线,而不是带有 a:hover:not(button)
的文本。我需要扭转这一点。我尝试过的所有按钮也都在按钮下划线或不给文本下划线。
任何帮助将不胜感激。我确定这很简单,但我看不到。
解决方法
也许创建一个名为 underlined 的类并将该类仅添加到文本中?
例如
.underlined:hover {
text-decoration: underline;
}
然后只为如下文本添加下划线类:
<a href="link" class="underlined">text</a>
让我知道这是否有效!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。