Avatar billede pedepede Nybegynder
21. oktober 2003 - 12:36 Der er 7 kommentarer og
2 løsninger

Overrule css ved a:hover

Jeg har et dokument der linker til et stylesheet hvor indholdet ser sådan ud:

a:hover {  background-color: #CAD5DF }

Og det virker fint. Men da det ikke er alle steder baggrunden skal skifte ved mouseover skal den disse steder slåes fra igen. Altså et eller andet med... <a href="" style="a:hover: background: none"> ... et eller andet... Hvordan ser det ud når det er skrevet rigtigt? (Ved godt at syntaxen er håbløs i det jeg har skrevet :O)

Håber I kan hjælpe!

- Pede
Avatar billede exp Juniormester
21. oktober 2003 - 12:41 #1
a {
  text-decoration : none;
}
a:hover {
  background-color: #CAD5DF;
  text-decoration : underline;
}
.link a:hover{
  background-color: transparent;
  color : blue
}


<span><a href="#">Link</a></span>
<span class="link"><a href="#">Link</a></span>
Avatar billede olebole Juniormester
21. oktober 2003 - 13:00 #2
<ole>

Lidt skidt idé at bruge 'link' som class-selector. Desuden behøver man ikke at pakke link'ene ind i spans:

<style type="text/css">
a:link {
  text-decoration : none;
}
a:hover {
  background-color: #CAD5DF;
  text-decoration : underline;
}
a.bla:hover{
  background-color: transparent;
  color : blue;
  text-decoration : overline;
}
</style>

<a href="#">Link 1</a>&nbsp;
<a class="bla" href="#">Link 2</a>

/mvh
</bole>
Avatar billede pedepede Nybegynder
21. oktober 2003 - 13:05 #3
Takker!!
Avatar billede olebole Juniormester
21. oktober 2003 - 13:12 #4
... anytime  ;o)
Avatar billede exp Juniormester
21. oktober 2003 - 13:27 #5
olebole >>
Det var noget jeg havde lavet til et andet spm herinde, så det blev bare lige copy'n'paste'd ;-)
Avatar billede olebole Juniormester
21. oktober 2003 - 13:33 #6
;o)
Avatar billede roenving Novice
22. oktober 2003 - 01:00 #7
>>olebole

-- det er faktisk ganske ofte den rigtige løsning, omend spans så nok ikke skal være udgangspunktet ...

Men da de grupper af links, som skal have forskellige egenskaber jo ofte hører til i forskellige kontekster indenfor siden er den fornuftigste tilgang faktisk om man kan bruge den model, som exp skitserer, dog selvfølgelig ikke med en ny span for hvert link-tag, hvilket klart er tåbeligt medmindre man har andet brug for den konstruktion !-)

Men jeg vil da klart anbefale, at man grupperer sine links inden for en <table>, <tr>, <div> eller lign. og så netop bruger css-arv til at fastlægge forskellige egenskaber, som man mener er fornødent !o]

-- og iøvrigt checker ud, hvordan det er sådan noget kan bruges til noget fornuftigt:

http://www.w3.org/TR/REC-CSS2/selector.html#descendant-selectors

-- læs hele siden !-)
Avatar billede olebole Juniormester
22. oktober 2003 - 12:48 #8
Jamen, jeg skriver absolut ikke, det er et bedre alternativ at sætte klassen på linket ... blot at det er en anden mulighed. Man bør altid vælge den bedste til det aktuelle job, der skal løses - og det afveksler, som bekendt  ;o)
/mvh
Avatar billede roenving Novice
22. oktober 2003 - 13:00 #9
;O)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester