CSS issue: multiple CSS with the same element

Question

<div id="nav">
    <ul id="rightMin">
        <li id="selectedmenu" onclick="location.href='index.php'">main</li>
        <li onclick="location.href='aboutus.php'">about</li>
        <li><a href="#">contact us</a></li>
    </ul>
</div>

CSS:

#selectedmenu {
    display:inline;
    float:right;
    /*padding: 2px 7px 0px 7px;*/
    height: 35px;
    background: url('../images/selected.png') repeat-x;
    cursor: pointer;
    text-align: center;
    line-height:35px;
    padding: 0 5px 0 5px;
    color: white;
}
div#nav ul li {
    display:inline;
    float:right;
    /*padding: 2px 7px 0px 7px;*/
    height: 35px;
    cursor: pointer;
    text-align: center;
    line-height:35px;
    padding: 0 5px 0 5px;
}

div#nav ul li:hover {
    background: #232323;
    color:#fff;
}

The element with the ID selectedmenu takes CSS #selectedmenu but when hovering it takes div#nav ul li:hover. how can i make it sticks with #selectedmenu

Shadow_boi · Accepted Answer · 2012-05-09 02:43:39Z

1

div#nav ul li#selectedmenu:hover {
    add your css rules here...
}

answered May 9, 2012 at 2:43

Shadow_boi

2,2082 gold badges23 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

John Conde · Accepted Answer · 2012-05-09 02:37:41Z

0

Give selectedmenu a higher precedence:

div#nav ul li#selectedmenu {
     ...
}

answered May 9, 2012 at 2:37

John Conde

220k100 gold badges464 silver badges504 bronze badges

Comments

bunsiChi · Accepted Answer · 2012-05-09 02:50:44Z

0

just change it every time you hover it, try this:

div#nav ul li #selectedmenu:hover{ /* the style for #selectedmenu*/ }

hope this helps..

answered May 9, 2012 at 2:50

bunsiChi

1251 silver badge11 bronze badges

Collectives™ on Stack Overflow

CSS issue: multiple CSS with the same element

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related