Zmiana koloru czcionek w DIV (CSS)

Question

Próbuję zmienić kolor i rozmiar czcionek H2 i H2 Link na podstawie elementu div, ale nie są one skuteczne. Co ja robię źle?

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

Próbuję zrobić to wyglądać tak:

Answer 1

Twój pierwszy CSS selector- social.h2 -jest szukasz "społecznej" elementu w "H2", klasy, np :

<social class="h2"> 

Selektory zajęć są poprzedzane kropką (.). Użyj również spacji (), aby wskazać, że jeden element znajduje się w innym. Aby znaleźć <h2> potomka elementu w klasie social, spróbuj coś takiego:

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

aby uzyskać lepsze zrozumienie selektorów CSS i jak są one wykorzystywane do odniesienia kod HTML, proponuję przechodzi interactive HTML and CSS tutorials from CodeAcademy. Mam nadzieję, że pomoże to wskazać wam właściwy kierunek.

Answer 2

Aby zrobić linki, można zrobić

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

Można zmienić wskaźnikiem, odwiedził i aktywny link do stylizacji zbyt. Po prostu zastąp "link" tym, co chcesz nadać stylu. Możesz dowiedzieć się więcej na stronie w3schools CSS Links.