Html 我的链接悬停粗体出现问题
我的a:link悬停粗体有一个问题,因为某种原因,我的一个链接最初显示正常,然后当我滚动到页面底部时,链接文本比其他所有链接文本都薄 它只发生在总共7个链接上,所有这些链接都使用li标记 有人知道为什么吗 我的代码如下所示: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
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;}