html - font - text color css




Cambia colore dei tipi di carattere in DIV(CSS) (2)

Sto cercando di cambiare il colore e la dimensione dei font H2 e H2 link in base al div in cui sono ma non hanno avuto successo. Che cosa sto facendo di sbagliato?

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

Sto cercando di farlo apparire come questo:


Il tuo primo selettore CSS - social.h2 - sta cercando l'elemento "social" nella classe "h2", ad esempio:

<social class="h2">

I selettori di classe procedono con un punto ( . ). Inoltre, usa uno spazio ( ) per indicare che un elemento è all'interno di un altro. Per trovare un discendente <h2> di un elemento nella classe social , prova qualcosa del tipo:

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

Per comprendere meglio i selettori CSS e il modo in cui vengono utilizzati per fare riferimento al codice HTML, suggerisco di consultare i tutorial interattivi HTML e CSS di CodeAcademy . Spero che questo ti aiuti a orientarti nella giusta direzione.


Per fare collegamenti, puoi farlo

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

Puoi anche cambiare lo stile di collegamento attivo, visitato e attivo. Sostituisci semplicemente "link" con quello che vuoi modellare. Puoi saperne di più sulla pagina w3schools Link CSS .





css