Ho un div in cui mi piacerebbe sovrascrivere il mio stile di collegamento globale. Ho due stili di collegamento, uno globale e uno specifico. Ecco il codice:ignora lo stile di collegamento all'interno di un html div
A:link {text-decoration: none; color: #FF0000;}
A:visited {text-decoration: none; color: #FF0000;}
A:hover {text-decoration: none; color: #FF0000;}
A:active {text-decoration: none; color: #FF0000;}
#macrosectiontext
{
position:relative;
font:Arial, sans-serif;
text-align:center;
font-size:50px;
font-style: bold;
margin-top:245px;
opacity: 0.6;
background-color:transparent;
}
#macrosectiontext A:link {text-decoration: none; color: #000000;}
#macrosectiontext A:visited {text-decoration: none; color: #FFFFFF;}
#macrosectiontext A:hover {text-decoration: none; color: #FFFFFF;}
#macrosectiontext A:active {text-decoration: none; color: #FFFFFF;}
e io uso il div in questo modo:
<div id="macrosectiontext"><a href="www.google.it">bla bla bla</a></div>
tuttavia sembra che non funziona. Il div eredita ancora lo stile di collegamento globale.
Non sto vedendo un collegamento di ancoraggio nel tuo codice HTML –
Basta scrivere '#macrosectiontext a {color: # 000000};' questo funzionerà –
Funziona bene per me. Ecco un [jsfiddle] (http://jsfiddle.net/Xz8KQ/). –