CSS文本修饰规则忽略

Question

矿

我也发现了类似的问题，但没有任何的建议似乎适用于我的情况，所以这里去...

我与他们图像的布赫的网页。每张图片都有一个标题，标记在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; 

Answer 1

试试这个：

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

Answer 2

尝试切换到HTML约一点点，而HTML 5允许块级元素是内a标签，我不知道该HTML 4.01或XHTML呢，所以它可能是值得：

... 
<li><h2><a href="#">title 1</a></h2></li> 
... 

而且使用CSS：

a:link, 
a:visited {text-decoration: none; } 

或者，特异性是问题的情况下：

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