Question

我对firefox有一点问题，悬停不起作用。

CSS：

#mega_main_menu.mmt_1_menu > .menu_holder > .menu_inner > ul > li:hover > a *{ color: #f8f8f8; }

HTML：

    <div id="mega_main_menu" class="nav_menu mmt_1_menu icons-left first-lvl-align-left first-lvl-separator-smooth direction-horizontal responsive-enable mobile_minimized-enable dropdowns_animation-none version-1-0-5 include-logo include-search">

 <div class="menu_holder" data-sticky="1" data-stickyoffset="164">

<div class="menu_inner">

<ul id="mega_main_menu_ul" class="mega_main_menu_ul menu-ul">

                                        <li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom  menu-item-11  submenu_default_width columns"
                                            style="float: right"><a title="Standard" href="Contact.aspx" class="item_link"
                                                tabindex="1"><span><span class="link_text">Contact Us</span></span></a>
                                        </li>
</ul>
</div></div></div>

请尽快帮助我，我不知道我错过了什么。

Answer 1

试试这个，我刚刚删除了*，因为你不想做什么

#mega_main_menu.mmt_1_menu > .menu_holder > .menu_inner > ul > li:hover > a {
    color: #f8f8f8;
}

Answer 2

选择器的最后一位（a *）表示该样式应用于内部的特定a标记，而不是a标记本身。删除*应解决此问题：

#mega_main_menu.mmt_1_menu > .menu_holder > .menu_inner > ul > li:hover > a { color: #f8f8f8; }

悬停不在Firefox中工作

2 个答案: