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

我试图改变颜色和大小的H2字体和H2链接字体的基础上的div他们是在，但没有成功。我做错了什么

 <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>

氢{
颜色：fff；
字体大小：20px；
}
社会责任{
颜色：粉红色；
字体大小：14px；
}
社交色彩{
颜色：紫色；
字体大小：10px；
}
tv.h2{
颜色：绿色；
字体大小：14px；
}
tv.h2.h2彩色{
颜色：橙色；
字体大小：10px；
}
公司名单
发现于2004年
废话废话
发现于2007年
废话废话
发现于2004年
废话废话
发现于2007年
废话废话

我试图让它看起来像这样：

---

您的第一个CSS选择器-

social.h2

-正在“h2”类中查找“social”元素，例如：

<social class="h2">

---

为了更好地理解CSS选择器以及如何使用它们来引用HTML，我建议阅读以下内容。我希望这有助于为您指明正确的方向。

要创建链接，您可以

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

---

您也可以更改悬停、访问和活动链接的样式。只需将“链接”替换为您想要的样式。您可以在w3schools页面了解更多信息。

太好了，谢谢！这对H2来说非常有效。有没有办法改变H2链接呢？此外，div中的H2s似乎是相对的。所以，如果我想要14px字体，它会比它应该的小。Mike，请尝试一个选择器，如：

.social h2 a

，用于设置链接（

）元素的样式。

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