Avatar billede daniel_d Nybegynder
25. juli 2006 - 22:45 Der er 7 kommentarer og
1 løsning

Problem med selektor

Jeg har en menu som jeg bruger 2 steder på en side og vil gerne lave en override på css'en på den ene menu (de bruger samme class hvilket der ikke skal ændres på) så derfor håbede jeg på at jeg kunne fange den via min parent div#bottommenu men jeg kan sgu ikke hitte ud af det...

Så hvordan fanger jeg mine hrefs i følgende kodestump:

<td colspan="2" id="bottom">
    <div id="bottommenu">
        <div class="moduletable">
            <table width="100%" border="0" cellpadding="0" cellspacing="1">
                <tr>
                    <td nowrap="nowrap">
                        <span class="mainlevel"> - </span>
                        <a href="http://domain.dk/" class="mainlevel" id="active_menu">tekst</a>
                        <span class="mainlevel"> - </span>
                        <a href="http://domain.dk/" class="mainlevel" >tekst</a>
                        <span class="mainlevel"> - </span>
                        <a href="http://domain.dk/" class="mainlevel" >tekst</a>
                        <span class="mainlevel"> - </span>
                        <a href="http://domain.dk/" class="mainlevel" >tekst</a>
                        <span class="mainlevel"> - </span>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</td>
Avatar billede roenving Novice
25. juli 2006 - 23:30 #1
Eksempelvis:

<style type="text/css">
.moduletable{
  background-color:red;
}
#bottommenu .moduletable{
  background-color:green;
}
</style>
Avatar billede daniel_d Nybegynder
25. juli 2006 - 23:35 #2
øhh... nu er det jo href med class mainlevel jeg skal have fat i og jeg har prøvet:
#bottommenu a.mainlevel:link som jeg ikke kunne få til at virke...

???
Avatar billede roenving Novice
25. juli 2006 - 23:43 #3
Hvilke css-regler vil du sætte på ?-)
Avatar billede daniel_d Nybegynder
25. juli 2006 - 23:47 #4
Jeg har bare som test sat en color på men det kan jeg ikke få til at virke...

"Hovedmenuen" er stylet således:

a.mainlevel:link, a.mainlevel:visited {
    width:                    270px;
    border-bottom:            1px solid #CCCCCC;
    display:                block;
    padding-top:            5px;
    padding-bottom:            5px;   
    font-size:                14px;
    color:                    #666666;
    text-decoration:        none;
}
a.mainlevel:hover {
    width:                    270px;
    border-bottom:            1px solid #FF6600;
    display:                block;
    padding-top:            5px;
    padding-bottom:            5px;
    font-size:                14px;
    color:                    #FF6600;
    text-decoration:        none;
}
a.mainlevel#active_menu {
    width:                    270px;
    border-bottom:            2px solid #FF6600;
    display:                block;
    padding-top:            5px;
    padding-bottom:            5px;
    font-size:                14px;
    color:                    #FF6600;
    text-decoration:        none;
}

Hvorimod jeg på min bottommenu bare skal bruge meget simpel styling med text-decoration color og font-size, altså meget enkel styling...
Avatar billede roenving Novice
25. juli 2006 - 23:54 #5
Så skal du matche de andre selektorers specifitet:

#bottommenu a.mainlevel:link, #bottommenu a.mainlevel:visited, #bottommenu a.mainlevel:hover, #bottommenu a.mainlevel:active{
  color:green;
}
Avatar billede daniel_d Nybegynder
26. juli 2006 - 00:21 #6
Kanon... har fået skidtet til at spille som det skal :)

Smider du et svar?
Og tak for hjælpen :-)
Avatar billede roenving Novice
26. juli 2006 - 00:37 #7
Velbekomme '-)
Avatar billede roenving Novice
26. juli 2006 - 01:01 #8
-- 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