css- background-color：#xxxxxx;不工作

Question

在我的导航栏中我有这个代码。

<div id="aboutnav"><a class="hl" href="#"><h2>about\a</h2></a></div> 

所有DIV做的情况下，将文本中的位置，并在a.hl它 -

a.hl{ 

background-color:#000; 
text-decoraction:none; 
color:#fff; 

} 

文本是正确的颜色，它是在正确的位置，但有没有背景颜色。

Answer 1

这是因为在HTML4/XHTML中，不能将hx元素嵌套到！尝试使用这个：

<div id="aboutnav"><h2><a class="hl" href="#">about\a</a></h2></div> 

我认为你需要以类似的方式来更新你的CSS：

a.hl{ 
     display:block; 
     background-color:#000; 
     text-decoraction:none; 
     color:#fff;  
} 

Answer 2

你的风格可能正在通过另一种风格被重写h2。尝试：

a.h1 h2{ 
    background-color: #000; 
} 

Answer 3

你应该写这样的

<div id="aboutnav"> 
    <h2> 
     <a class="hl" href="#">about</a> 
    </h2> 
</div> 

的HTML然后它的样式，像这样

#aboutnav h2 { 
    background-color:#000; 
} 

#aboutnav h2 a { 
    text-decoration:none; 
    color:#fff; 
} 

例子：http://jsfiddle.net/jasongennaro/rbxBL/

据透露...你有text-decoration拼写错误。

另外，当HTML以这种方式完成时，您确实不需要类为a。