Avatar billede hermandsen Juniormester
22. maj 2005 - 23:49 Der er 5 kommentarer og
1 løsning

Valg af et elements fader

Hej Eksperter

Lad os sige at jeg har følgende HTML:

<ul id="foobar">
    <li id="foo">text</li>
    <li id="bar">text</li>
</ul>

Hvis jeg så vil have at der ved :hover på de to forskellige list-items skal vises en forskellig farve border, hvordan gør jeg så det med CSS??

For eksempel (dette er ugyldigt):

#foo:hover:parent {
    border: 1px solid red;
}

#bar:hover:parent {
    border: 1px solid lime;
}

Er det på nogen måde muligt, udelukkende ved brug af CSS? Hører også gerne om det, hvis det bliver muligt med CSS3...

//hermandsen
Avatar billede olebole Juniormester
23. maj 2005 - 19:29 #1
<ole>

Det er ikke en mulighed med CSS2 - og jeg tvivler på, det bliver muligt i version 3. Du kan selv checke, hvad de roder med på: http://www.w3.org/Style/CSS/current-work

/mvh
</bole>
Avatar billede hermandsen Juniormester
30. maj 2005 - 09:34 #2
Hey Ole!

Beklager det sene svar (turné)...
Har du eventuelt en JavaScript-løsning i stedet??
Avatar billede roenving Novice
30. maj 2005 - 09:50 #3
Den er simpel nok:

<ul id="foobar">
    <li id="foo" onmouseover="this.parentNode.style.border='1px solid red;'" onmouseout="this.parentNode.style.border=''">text</li>
    <li id="bar" onmouseover="this.parentNode.style.border='1px solid lime;'" onmouseout="this.parentNode.style.border=''">text</li>
</ul>
Avatar billede hermandsen Juniormester
30. maj 2005 - 12:10 #4
>>roenving
Kanon!!

Det jeg egentlig gerne ville have var hvis man først kunne gå baglænds med CSS (i selectors), og så frem igen...

Havde planer om at bygge en CSS drowdown-menu hvor de forskellige ul-tags ikke var nestede, da nestede ul'er ikke giver mulighed for større bredde i under-menu'er.

Når man så f.eks. holdte musen over et li-tag skulle CSS'en så finde det ul-tag som li'en pegede på... Referencer skulle så foregå via klasser og id'er kun via CSS, men det ser ikke ud til at være muligt...

Roenving, vil du have point? Du svarede jo rigtigt!!
Avatar billede roenving Novice
30. maj 2005 - 14:23 #5
Velbekomme '-)
Avatar billede roenving Novice
03. juni 2005 - 14:14 #6
-- og tak for point ;~}
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