Html 下拉菜单-父导航按钮处于悬停状态

我正在与www.glustik.com/dustreeproductions/index.php合作

娱乐链接有一个下拉菜单，我正在尝试使其保持下拉悬停状态，使娱乐父链接保持悬停状态。（这有意义吗？）

我的CSS：

#nav ul li:hover ul#sub li a {
display:block;
background:#e6e6e6;
color:#CC0066;
padding:5px 15px 0px 25px;
height:25px;
width:290px;
text-align: left;
border-bottom: 1px solid #f2f2f2;
border-right: none;
margin: 0 0;

}

HTML:

<div id="nav-box">
    <div id="main-nav">
        <div id="nav">
            <ul>
                <li id="company"><a title="Company" href="http://www.glustik.com/dustreeproductions/company.php"></a></li>
                <li id="entertainment"><a title="Entertainment" href="http://www.glustik.com/dustreeproductions/entertainment.php"></a>
                    <ul id="sub">
                    <li id="dance"> <a href="http://www.jasontanzer.com/guitarist-original-music.asp">Dance</a></li>
                        <ul id="subDance">
                            <li id="smiths"> <a href="http://www.jasontanzer.com/guitarist-original-music.asp">Smiths</a></li>
                        </ul>
                    <li id="classicRock"><a href="http://www.jasontanzer.com/guitarist-shows-covers.asp">Classic Rock | Top 40 | Rock</a></li>
                    <li id="country"><a href="http://www.jasontanzer.com/commercial-tv-film-jingles.asp">Country</a></li>
                    <li id="rockabilly"><a href="http://www.jasontanzer.com/composer.asp">Rockabilly | Reggae | Bluegrass | Other</a></li>
                    <li id="karaoke"><a href="http://www.jasontanzer.com/composer.asp">Karaoke | Live Band Karaoke | All Requests</a></li>
                    <li id="solos"><a href="http://www.jasontanzer.com/composer.asp">Solo's | Duo's | Trio's</a></li>
                    <li id="productionShows"><a href="http://www.jasontanzer.com/composer.asp">Production Shows</a></li>
                    <li id="dj"><a href="http://www.jasontanzer.com/composer.asp">DJ's</a></li>
                    </ul>
                </li>
                <li id="video"><a href="http://www.glustik.com/dustreeproductions/video.php"></a>
                </li>
                <li id="studio"><a href="http://www.glustik.com/dustreeproductions/studio.php"></a>
                </li>
                <li id="liveAudio"><a href="http://www.glustik.com/dustreeproductions/live-audio.php"></a>
                </li>
                <li id="eventPlanning"><a href="http://www.glustik.com/dustreeproductions/event-planning.php"></a>
                </li>
                <li id="contact"><a href="http://www.glustik.com/dustreeproductions/contact.php"></a>
                </li>
            </ul>
        </div> <!-- end Nav -->
    </div> <!-- end Main Nav -->
</div> <!-- end Nav Box -->

#nav ul li:hover ul#sub li a:hover {
background:#CCC;
color:#CC0066;
}

#导航ul li:悬停ul#子li a:悬停{
背景：#CCC；
颜色：#CC0066；
}

我正在努力使下拉式悬停保持稳定 娱乐父链接将处于其悬停状态

在此处更改选择器：

#nav #entertainment a:hover {
    background-position:0 -20px;
}

为此：

#nav #entertainment:hover > a

这意味着：每当带有

id

的

entertainment

（位于

nav

的

id

元素内部）的元素悬停在上方时，请选择任何可用的

a

元素

您必须对其他每个按钮进行“相同的更改”

---

使用

#nav#entertainment..

不是最佳选择-它是一个“过度限定的选择器”（两个

id

s）

#娱乐..

就足够了

见：

这没有任何实际的区别，但是，这是你应该努力坚持的最佳实践

我正在努力使下拉式悬停保持稳定 娱乐父链接将处于其悬停状态

在此处更改选择器：

#nav #entertainment a:hover {
    background-position:0 -20px;
}

为此：

#nav #entertainment:hover > a

这意味着：每当带有

id

的

entertainment

（位于

nav

的

id

元素内部）的元素悬停在上方时，请选择任何可用的

a

元素

您必须对其他每个按钮进行“相同的更改”

---

使用

#nav#entertainment..

不是最佳选择-它是一个“过度限定的选择器”（两个

id

s）

#娱乐..

就足够了

见：

---

这没有任何实际的区别，但是，这是你应该努力坚持的最佳实践。

谢谢你，先生，你总能挺过来。我会阅读你提供的材料。再次感谢。谢谢你，先生，你总能挺过来。我会阅读你提供的材料。再次感谢。