更改DIV中的字体颜色（CSS）

我试图根据它们所在的div但未成功更改H2字体和H2链接字体的颜色和大小。我究竟做错了什么？更改DIV中的字体颜色（CSS）

<style> 
h2 { 
color:fff; 
font-size: 20px; 
} 
social.h2 { 
color:pink; 
font-size: 14px; 
} 
social.h2.h2color { 
color:purple; 
font-size: 10px; 
} 
tv.h2 { 
color:green; 
font-size: 14px; 
} 
tv.h2.h2color { 
color:orange; 
font-size: 10px; 
} 
</style> 

<h2>List of Companies </h2> 
<div class="social"> 

<h2>  <A href="http://www.facebook.com">Facebook  </a> 
<span class="h2color">Found in 2004  </span>  </h2> 
blah blah blah 

<h2>  <A href="http://www.twitter.com">Twitter  </a> 
<span class="h2color">Found in 2007  </span>  </h2> 
blah blah blah 

</div> 


<div class="tv"> 

<h2>  <A href="http://www.fox.com">Fox  </a> 
<span class="h2color">Found in 2004  </span>  </h2> 
blah blah blah 

<h2>  <A href="http://www.nbc.com">NBC  </a> 
<span class="h2color">Found in 2007  </span>  </h2> 
blah blah blah 
</div>

我想使它看起来像这样：

enter image description here

来源

2012-10-21 Mike

你的第一个CSS selector- social.h2 -is寻找的 “H2” 的 “社交” 元素，类，如：

<social class="h2">

级别选择器进行点（.）。此外，请使用空格（）指示一个元素位于另一个元素的内部。为了找到<h2>后裔在social类的元素，你可以试试：

.social h2 { 
    color: pink; 
    font-size: 14px; 
}

为了更好地了解CSS选择器以及如何使用它们来引用您的HTML，我建议去通过interactive HTML and CSS tutorials from CodeAcademy。我希望这能帮助你指出正确的方向。

来源

2012-10-21 16:22:15 Blackcoat

甜蜜，谢谢！这对于H2来说是完美的。有没有办法改变H2链接？也看起来像div中的H2s是相对的。因此，如果我想要14px字体，它应该小于它应该的尺寸 – Mike

Mike，请尝试使用如下选择器：'.social h2 a'来设置链接样式（''）元素。 – Blackcoat

做链接，你可以做

.social h2 a:link { 
    color: pink; 
    font-size: 14px; 
}

您可以更改悬停，访问，并主动联系过的造型。只需将“链接”替换为您想要的风格即可。你可以在w3schools页面CSS Links上了解更多。

来源

2012-10-21 16:54:21

更改DIV中的字体颜色（CSS）

回答

相关问题