html - 我的链接悬停有问题

Question

我的 a: link hover bold 有一个问题，由于某种原因，我的一个链接一开始看起来不错，然后当我滚动到页面底部时，链接文本看起来比其他所有链接都更细。

它只发生在总共 7 个链接上，所有链接都使用 li 标签。

有人知道为什么吗？

我的代码看起来像这样:

HTML

<div id="">
    <div id="">
        <a href="file:">
            <img src=file>
    </div>
    <div id="">
        <li>Link</li>
    </div>
</div></a>

我的 CSS 看起来像这样:

li { 

display: inline;    
padding: 15px;
border: 5px solid grey;
background-color: white; 
border-radius: 5px 5px;
font-size: 25px;
color: silver;}

a {

text-decoration: none;
color: silver;
font-weight: none;
font-size: 25px;}

a:hover {
font-weight: bold;
color: silver;}

Answer 1

你的<a>标签应该有一个结束部分。我没有看到任何结束 </a>在您提供的代码中。添加</a>任何合适的地方。