css 来自地狱的持久下划线风格

hfwmuf9z 于 2023-10-21 发布在其他

关注(0)|答案(1)|浏览(95)

我是一个初学者，正在学习如何建立一个餐厅网站。我遇到了很多问题，其中大部分我都能解决。但是，我h1元素有一个下划线，它不会消失。
这些是我用的样式。

.navbar-brand h1 { /* Restaurant name */
  font-family: 'IBM Plex Mono', monospace;
  color: #6c0000;
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 1px #110000;
  margin: 0;
  text-decoration: none;
}

.navbar-brand a:hover, .navbar-brand a:focus, .navbar-brand a:visited {
  text-decoration: none; !important
}

我已经咨询了chatgpt超过2个小时，提供了我的整个代码，尝试了不同的浏览器，清除缓存，禁用所有扩展，等.我的css没有指定与h1标签相关的文本装饰（我使用的css和我的讲师在课程中使用的一样）。
我使用inspect元素进行故障排除，搜索“underline”作为关键字。唯一的风格，我发现已经overriden，并切换它和关闭没有做任何事情。请帮助LOL

css

来源：https://stackoverflow.com/questions/77320682/persistent-underline-style-from-hell

1条答案

按热度按时间

pbpqsu0x1#

您已经为visited、hover和focus状态设置了样式，但没有为a元素本身设置样式！因此，只需将a,添加到链接样式的开头即可。

h1 {
  font-family: 'IBM Plex Mono', monospace;
  color: #6c0000;
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 1px #110000;
  margin: 0;
  text-decoration: none;
}

a, a:visited, a:hover, a:focus {
  text-decoration: none !important;
}

<h1><a href="#">Text</a></h1>

赞(0）回复(0）举报 2023-10-21

我来回答

css 来自地狱的持久下划线风格

1条答案

相关问题

热门标签

最新问答