Html 我的链接悬停粗体出现问题

Html 我的链接悬停粗体出现问题,html,css,Html,Css,我的a:link悬停粗体有一个问题,因为某种原因,我的一个链接最初显示正常,然后当我滚动到页面底部时,链接文本比其他所有链接文本都薄 它只发生在总共7个链接上,所有这些链接都使用li标记 有人知道为什么吗 我的代码如下所示: li { display: inline; padding: 15px; border: 5px solid grey; background-color: white; border-radius: 5px 5px; font-size: 25px; col

我的a:link悬停粗体有一个问题,因为某种原因,我的一个链接最初显示正常,然后当我滚动到页面底部时,链接文本比其他所有链接文本都薄

它只发生在总共7个链接上,所有这些链接都使用li标记

有人知道为什么吗

我的代码如下所示:

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;}
HTML


您的
标签应该有一个结束部分。我看不到您提交的代码中有任何结尾
。在适当的地方添加

您需要关闭CSS选择器
a{…}
另外,你的HTML是无效的:
标记没有关闭,img的src值没有用引号括起来,还有一个
  • 没有
    。对不起,应该说,它们在css文件中是关闭的,由于某种原因,我在这里引用它们时遇到了困难。还有一件事——没有这样的值
    font-weight:none。您需要的是
    font-weight:normal改为。请显示实际代码。否则,你会得到不相关的答案和评论。如果你有关闭的标签,似乎只会在Safari中遇到这个问题
    
    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;}