Я пытаюсь изменить цвет и размер шрифта H2 и шрифтов H2 link на основе 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="#" onclick="location.href='http://www.facebook.com'; return false;">Facebook </a>
<span class="h2color">Found in 2004 </span> </h2>
blah blah blah
<h2> <A href="#" onclick="location.href='http://www.twitter.com'; return false;">Twitter </a>
<span class="h2color">Found in 2007 </span> </h2>
blah blah blah
</div>
<div class="tv">
<h2> <A href="#" onclick="location.href='http://www.fox.com'; return false;">Fox </a>
<span class="h2color">Found in 2004 </span> </h2>
blah blah blah
<h2> <A href="#" onclick="location.href='http://www.nbc.com'; return false;">NBC </a>
<span class="h2color">Found in 2007 </span> </h2>
blah blah blah
</div>
Я пытаюсь сделать так: