Html Weebly导航-鼠标悬停在子菜单项上时，父菜单项保持悬停状态_Html_Css_Hover_Nav

Html Weebly导航-鼠标悬停在子菜单项上时，父菜单项保持悬停状态

html css

Html Weebly导航-鼠标悬停在子菜单项上时，父菜单项保持悬停状态,html,css,hover,nav,Html,Css,Hover,Nav,所以，我是CSS和HTML的初学者，从过去的一个小时开始，我一直在努力让它起作用，但它就是不起作用因此，我希望当鼠标移动到下拉菜单中父菜单项的子菜单项上时，父菜单项保持悬停状态这是我的密码 HTML 你们能帮帮我吗？求求你，我很绝望，我不知道怎么做/ #wsite菜单。wsite菜单：悬停#导航{ 颜色：#333； } 您的CSS显示ul和li标记的导航标记，但您的html没有导航标记。这看起来是某种类型的word press或类似文档。当{}出现在html元素中时，特别是{menu}，它通

所以，我是CSS和HTML的初学者，从过去的一个小时开始，我一直在努力让它起作用，但它就是不起作用

因此，我希望当鼠标移动到下拉菜单中父菜单项的子菜单项上时，父菜单项保持悬停状态

这是我的密码

HTML

你们能帮帮我吗？求求你，我很绝望，我不知道怎么做/

#wsite菜单。wsite菜单：悬停#导航{
颜色：#333；
}

您的CSS显示

ul

和

li

标记的导航标记，但您的html没有导航标记。这看起来是某种类型的word press或类似文档。当{}出现在html元素中时，特别是

{menu}

，它通常表示由管理体系结构替换的某种类型的标记。这意味着在浏览器中查看时，导航将插入页面。这里没有什么可处理的，您需要查看包含“呈现”菜单的页面，并在浏览器中查看源代码。然后，您可以复制/粘贴导航的相关部分，因为所有这些表都在错误的轨道上。这里有一个简单的下拉示例，您可以使用：（只需查看源代码即可获得代码。）weebly被证明不是那么可定制的。我将从我的网站上抓取完整的代码，并单独添加-能够编辑它。谢谢大家：）

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body class='short-header-page  wsite-theme-light'>

        <div id="header-wrap">
            <div class="container">
                <table id="header">
                    <tr>
                        <td id="header-right">
                            <table>
                                <tr>
                                    <td class="phone-number">{phone:text}</td>
                                    <td class="social">{social}</td>
                                    <td class="search">{search}</td>
                                </tr>
                            </table>
                            <div class="clear"></div>
                        </td>
                    </tr>
                </table>
            </div><!-- end container -->
        </div><!-- end header-wrap -->          

        <div id="nav-wrap">
            <div class="container">
                <table>
                    <tr>
                        <td id="logo">{logo}</td>
                        <td id="nav"><div id="navigation">{menu}</div></td>
                    </tr>
                </table>
            </div><!-- end container -->
        </div><!-- end nav-wrap -->

        <div id="banner-wrap">
            <div class="container">
                <div id="banner">
                        <div class="wsite-header"></div>
                    <div style="clear:both;"></div>
                </div><!-- end banner -->
            </div><!-- end container -->
        </div><!-- end banner-wrap -->

        <div id="main-wrap">
            <div class="container">
                {content}
            </div><!-- end container -->
        </div><!-- end main-wrap -->

    <div id="footer-wrap">
        <div style="visibility:hidden;"class="container">
            {footer}
        </div><!-- end container -->
    </div><!-- end footer-wrap -->
</body>
</html>

/* Navigation
--------------------------------------------------------------------------------*/

#nav-wrap .container {
    clear: both;
    overflow: hidden;
    position: relative;
    border-bottom:1px solid #E8E8E8;
    margin-bottom:40px;
}

#nav-wrap .container table, #nav-wrap .container table tr, #nav-wrap .container table tr td, #nav-wrap .container table tbody {
    vertical-align:bottom;
}

td#nav {
    float:right;
}
#navigation {
    line-height: 1;
    float: right;
}

#navigation ul {
    display: inline;
    list-style: none;
    float: right;
    max-width:700px;
    margin-bottom:-1px;
}

#navigation li {
    display: inline;
    position: relative;
    list-style: none;
    margin-left:6px;
    float: left;
}

#navigation ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 18px 7px 8px;
    margin:0 0px 1px;
    border: 0;
    outline: 0;
    list-style-type: none;
    box-sizing:border-box;
    float: left;
    font:13px 'Bookman',arial,sans-serif;
    text-transform:uppercase;
}

#navigation ul li#active a{
    padding: 18px 7px 4px;
    border-bottom:4px solid #72bc11;
    color:#000;
}

#navigation ul li a:hover {
    padding: 18px 7px 4px;
    border-bottom:4px solid #FF6600;
    color: #000A0F;
}
#navigation ul li a:hover {
    padding: 18px 7px 4px;
    border-bottom:4px solid #FF6600;
    color: #000A0F;
}
/* Navigation Submenu's
--------------------------------------------------------------------------------*/

#wsite-menus .wsite-menu {
    background:#fff;
    position:relative;
}


#wsite-menus .wsite-menu li a {
    background: #F4F4F4;
    border:none;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid white;
    display: block;
}

#wsite-menus .wsite-menu li a:hover {
    color: #72bc11;
    background: #eee;
}