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 .