html – 更改DIV(CSS)中的字型顏色

我正在努力根據他們所在的div來改變H2字型和H2連結字型的顏色和大小,但還沒有成功.我究竟做錯了什麼？

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

我試圖讓它看起來像這樣：

您的第一個CSS選擇器social.h2正在尋找“h2”中的“社交”元素,類,例如：

<social class="h2">

類別選擇器繼續進行點(.).另外,使用一個space()表示一個元素在另一個元素之內.要找到<h2>在社會階層的一個元素的後裔,嘗試像：

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

為了更好地瞭解CSS選擇器以及它們如何用於引用您的HTML,我建議您完成ofollow,noindex" target="_blank">interactive HTML and CSS tutorials from CodeAcademy .我希望這有助於您指出正確的方向.