2014-02-22 70 views
0

我有一個與Firefox的小問題,懸停不工作。懸停不能在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> 

請儘快,我不知道我爲失去了什麼幫助我。

+0

您是否有在線參考? –

+0

不,沒有,引用離線 –

+1

然後創建小提琴。 –

回答

1

試試這個,我只是刪除了*,因爲它不要求你正在試圖做

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

現在它不在鉻工作:( –

+0

工作對我來說絕對好 - 看到這裏http://jsfiddle.net/WE2jB/ –

+0

你確定它不工作? –

1

什麼選擇(a *)的最後一位意味着該樣式應用到任何東西裏面的那個特別的a標籤,而不是a標籤本身。刪除*應解決此問題:

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