<a href="http://www.google.com"><span style="color: red; text-decoration: none;">Google</span></a>
text-decoration: none; tar bort understrykningen (Om du nu vill det)
4 svar · 337 visningar · startad av henrikjohansson
Går det att skippa länkfärg?
exempel:
<div id="meny" style="color:red">
<a href="http://www.google.com">Google</a>
</div>
så vill jag att länken skall få färgen röd
Går detta att fixa utan att använda sig av a:link osv?
vill att alla a:link, a:visited osv skall få css grejerna från diven de ligger i.
eller
finns det något smidigare sätt att skriva detta på?
#meny ul li a:link,#meny ul li a:visited
<a href="http://www.google.com"><span style="color: red; text-decoration: none;">Google</span></a>
text-decoration: none; tar bort understrykningen (Om du nu vill det)
det var inte riktigt så jag menade.
utan jag vill att alla a taggar automatiskt skall få samma css som taggen utanför.
Dvs i mitt exempel där uppe så skall länken bli röd
men skit samma.. går juh att lösa enklare.. använda klasser. :)
Så här kan du i teorin skriva:
<style type="text/css">
a { color: inherit; background-color: inherit; }
</style>
...
<p style="color: red; background-color: green">
Text <a href="#">Länk</a>
</p>
<p style="color: yellow; background-color: blue">
Text <a href="#">Länk</a>
</p>
men eftersom IE inte förstår inherit får det bli så här istället:
<style type="text/css">
.no1, .no1 a { color: red; background-color: green; }
.no2, .no2 a { color: yellow; background-color: blue; }
</style>
...
<p class="no1">
Text <a href="#">Länk</a>
</p>
<p class="no2">
Text <a href="#">Länk</a>
</p>
ok.. då får jag lösa det på det vanliga sättet då.