gpt4 book ai didi

html - 文字装饰 : none on anchor tag is not working

转载 作者:太空宇宙 更新时间:2023-11-04 09:08:37 24 4
gpt4 key购买 nike

在删除“下划线”部分时,我几乎尝试了所有方法。但我无法删除它。我想从 anchor 标记中删除该下划线。我正在提供我的 HTML 和 CSS 代码。

HTML :

<html>
<head>
<meta>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Caveat+Brush|Permanent+Marker" rel="stylesheet">
</head>
<body>

<nav>
<h1>ABC<br> DEF</h1>
<ul>
<li><a href="#facilities">One</a></li>
<li a href="#location"><a>Two</a></li>
</ul>
</nav>
<!--Photo comes here-->



<!--Can Contact me goes here-->


</body>
</html>

CSS:

/*Custom CSS starts from here*/


body {
font-family: 'Caveat Brush';
}

h1 {
font-size: 72px;
}

ul {
list-style-type: none;
font-size: 32px;
margin: 0px;
padding: 0px;
}

a {
display: block;
width: 120px;
text-decoration: none;
text-transform: uppercase;
}

最佳答案

您可以简单地使用text-decoration: none。可能您需要使用 !important 以更高的优先级覆盖它。

li a {
text-decoration: none !important;
}

我无法用您提供的代码重现您面临的问题。

这是供您引用的 fiddle :https://jsfiddle.net/oqoajzbp/

关于html - 文字装饰 : none on anchor tag is not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42292534/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com