忽略CSS文本装饰规则

忽略CSS文本装饰规则,css,Css,我发现了与我类似的问题,但这些建议似乎都不适用于我的情况,所以这里是 我有一个网页,上面有很多图片。每个图像都有一个标题,该标题在标记中位于h2标记之间。标题是一个链接,因此生成的标记如下所示: <ul class="imagelist"> <li> <a href=""><h2>Title 1</h2></a> <a href=""><img src="" /></a> </li&

我发现了与我类似的问题,但这些建议似乎都不适用于我的情况,所以这里是

我有一个网页,上面有很多图片。每个图像都有一个标题,该标题在标记中位于h2标记之间。标题是一个链接,因此生成的标记如下所示:

<ul class="imagelist">
<li>
<a href=""><h2>Title 1</h2></a>
<a href=""><img src="" /></a>
</li>
<li>
Image 2, etc...
</li>
</ul>
.imagelist li a h2 { color:#333; text-decoration:none; }
它完全忽略文本装饰规则,但尊重颜色规则。从其他问题中,我了解到这可能是因为子元素不能否决其任何父元素的文本装饰。所以,我去寻找父元素,看看是否应用了任何显式文本装饰规则。我没有找到

这快把我逼疯了,有人帮忙吗

为了完整起见,这里是Firebug CSS输出,它显示了完整的继承等等。可能比你想要的要多,但我看不出有任何冲突

.imagelist li a h2 {
color:#333333;
text-decoration:none;
}
main.css (line 417)
h2 {
font-size:14px;
}
main.css (line 40)
h1, h2, h3, h4, h5, h6 {
display:block;
font-weight:bold;
margin-bottom:10px;
}
main.css (line 38)
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
reset-min.css (line 7)
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
reset-min.css (line 7)
Inherited froma /apps/ju...mage/745
a {
color:#0063E2;
}
main.css (line 55)
Inherited fromli
.imagelist li {
list-style-type:none;
}
main.css (line 411)
li {
list-style:none outside none;
}
reset-min.css (line 7)
Inherited fromul.imagelist
.imagelist {
border-collapse:collapse;
font-size:9px;
}
main.css (line 410)
Inherited frombody
body, form {
color:#333333;
font:12px arial,helvetica,clean,sans-serif;
}
main.css (line 36)
Inherited fromhtml
html {
color:#000000;
试试这个:

.imagelist li a, .imagelist li a:hover{color:#333; text-decoration:none;}
试试这个:

.imagelist li a, .imagelist li a:hover{color:#333; text-decoration:none;}

尝试稍微切换一下html,虽然HTML5允许块级元素位于
a
标记中,但我不确定HTML4.01或xhtml是否允许,因此它可能值得:

...
<li><h2><a href="#">title 1</a></h2></li>
...
或者,如果存在特殊性问题:

ul.imagelist li h2 a:link,
ul.imagelist li h2 a:visited {text-decoration: none; }

尝试稍微切换一下html,虽然HTML5允许块级元素位于
a
标记中,但我不确定HTML4.01或xhtml是否允许,因此它可能值得:

...
<li><h2><a href="#">title 1</a></h2></li>
...
或者,如果存在特殊性问题:

ul.imagelist li h2 a:link,
ul.imagelist li h2 a:visited {text-decoration: none; }

啊,我没有想到这可能是一个
:悬停
问题,或者他瞄准的是
h2
,而不是
a
。打得好,+1=)原谅我的愚蠢。我确实是在讨论h2元素,而我本应该针对a链接。@Ferdy:如果你不从错误中吸取教训,那才是愚蠢的。=)啊,我没有想到这可能是一个
:悬停
问题,或者他瞄准的是
h2
,而不是
a
。打得好,+1=)原谅我的愚蠢。我确实是在讨论h2元素,而我本应该针对a链接。@Ferdy:如果你不从错误中吸取教训,那才是愚蠢的。=)