最近开始学习CSS和HTML，正在做一个首页练习。但是，浏览器正在覆盖并将我的其他元素(在不同的 div 中)变成链接。我试过 CSS 来解决它，但没有任何效果。我删除了所有 CSS，它仍然是一样的。
容器 div 及其内部的所有元素现在都是链接，当我单击时，它会尝试重定向到 hrf.html 页面。
你能告诉我我哪里做错了吗？
开发工具中容器 div 中的元素具有以下代码:
a:-webkit-any-link {
color: -webkit-link;
cursor: pointer;
text-decoration: underline;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Conquer</title>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
<div class="nav">
<div class="nav2">
<ul class="navlist">
<li><a href="hrf.html">Homepage</li>
<li><a href="hrf.html">About Us</li>
<li><a href="hrf.html">Services</li>
<li><a href="hrf.html">Contact</li>
<li><a href="hrf.html">External</li>
</ul>
</div>
</div>
<div class="container">
<div class="first-sec">
<div class="first-img">
<img src="image1.jpg" alt="image">
</div>
<div class="heading">
<h1>CONQUER</h1>
<h2>Simple Website Design</h2>
</div>
</div>
</div>
</body>
</html>最佳答案
有必要正确关闭标签，否则范围也会干扰其他标签的效果..在您的代码中，您忘记关闭 <a> anchor tags这就是为什么它让你担心..试试这个
<div class="nav">
<div class="nav2">
<ul class="navlist">
<li><a href="hrf.html">Homepage</a></li>
<li><a href="hrf.html">About Us</a></li>
<li><a href="hrf.html">Services</a></li>
<li><a href="hrf.html">Contact</a></li>
<li><a href="hrf.html">External</a></li>
</ul>
</div>
</div>祝你好运
关于html - 浏览器正在覆盖我代码中的所有元素并将它们变成链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55556272/