我尝试了几乎所有的东西,当它删除'强调'事情。但我无法删除它。我想从锚标记中删除该下划线。我正在提供我的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;
}
答案 0 :(得分:1)
您只需使用text-decoration: none
即可。可能需要使用!important
以更多优先级覆盖它。
li a {
text-decoration: none !important;
}
我无法使用您提供的代码重现您所面临的问题。
以下是供您参考的小提琴:https://jsfiddle.net/oqoajzbp/