Html CSS伪类不适用于主导航链接
代码: 我的网站上有大量的链接。这些状态可以很好地处理,例如页脚文本(链接)和常规正文链接。但是主导航链接和子标题链接不会改变状态 我已经在IE 5+、Chrome、Opera、Safari、Maxthon和FireFox中进行了测试,但我得到了相同的结果 是什么导致了这种行为Html CSS伪类不适用于主导航链接,html,css,internet-explorer,Html,Css,Internet Explorer,代码: 我的网站上有大量的链接。这些状态可以很好地处理,例如页脚文本(链接)和常规正文链接。但是主导航链接和子标题链接不会改变状态 我已经在IE 5+、Chrome、Opera、Safari、Maxthon和FireFox中进行了测试,但我得到了相同的结果 是什么导致了这种行为 更新: 标题代码: a:link { color: #111111; } a:visited { color: #1b3a57; } a:hover { color: #f3371c; } #Header {
更新: 标题代码:
a:link { color: #111111; }
a:visited { color: #1b3a57; }
a:hover { color: #f3371c; }
#Header {
width: 100%;
height: 120px;
background-image: url('/Shared/Assets/Images/OrangeDot.png');
background-position: center bottom;
background-repeat: repeat-x;
}
#Header #MainLogo {
float: left;
}
子标题代码:
a:link { color: #111111; }
a:visited { color: #1b3a57; }
a:hover { color: #f3371c; }
#Header {
width: 100%;
height: 120px;
background-image: url('/Shared/Assets/Images/OrangeDot.png');
background-position: center bottom;
background-repeat: repeat-x;
}
#Header #MainLogo {
float: left;
}
HTML标记:
#SubHeader {
width: 100%;
height: max-content;
}
#SubHeader ul {
float: left;
margin: 20px 0 0 0;
}
#SubHeader ul li img {
line-height: 1.5em;
margin: -.30em 0;
}
#SubHeader ul li {
padding: 0 10px 0 10px;
}
#SubHeader ul li a {
font-size: small;
/*color: #f3371c;*/
}
-
类别
-
类别
-
类别
-
类别
-
类别
如果您的HTML没有DOCTYPE请尝试添加它。(可能有用…!)
因为不正确的doctype会导致浏览器恢复到怪癖模式(IE),CSS伪类也不会
在这种情况下,与DOM相处得很好。为了进一步阅读,请看一下HTML在语法上是有效的,因此我认为这与我的标记无关。我还尝试清除所有浏览器中的所有缓存和临时文件,并进行刷新,这没用。你能不能也分享一下子标题和主导航的CSS?验证一下网站,也许你在我已经验证过我的网站的某个地方发现了拼写错误的单词,@Ziinloader。