webForumDet fria alternativet

skippa länkfärg

HTML & CSS

4 svar · 337 visningar · startad av henrikjohansson

Medlem sedan maj 2000360 inlägg
Frågan#1

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

Medlem sedan aug. 20039 340 inlägg
#2
 
<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)

Medlem sedan maj 2000360 inlägg
#3

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. :)

Medlem sedan sep. 20021 655 inlägg
#4

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>
Medlem sedan maj 2000360 inlägg
#5

ok.. då får jag lösa det på det vanliga sättet då.

268 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)