0 
<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;
}

ID を持つ要素selectedmenuは CSS を取ります#selectedmenuが、ホバリングすると div#nav ul li:hover. どうすればくっつくことができますか#selectedmenu

4

3 に答える 3

1 
div#nav ul li#selectedmenu:hover {
    add your css rules here...
}
于 2012-05-09T02:43:39.870 に答える
0

selectedmenuより高い優先度を与える:

div#nav ul li#selectedmenu {
     ...
}
于 2012-05-09T02:37:41.807 に答える
0

ホバーするたびに変更するだけです。これを試してください：

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

お役に立てれば..

于 2012-05-09T02:50:44.877 に答える