Css 删除悬停时垂直菜单元素的背景

我有一个垂直的，我正试图定制

<ul class="tracking_nav nav nav-tabs nav-stacked">  
<li class="tracking_list_type" style=".tracking_list_type:hover{background-color:none !important}">  
<a href="#"><span class="topinfo"><span class="number_plates"><img src="u_online.gif" />Number 10</span></span><span class="moving_status">76 moving</span><br/><span class="link_text">Brother David Cameroon</span></a><span class="linkso"><a href="">Tracking</a><a href="">Playback</a><a href="">Commands</a></span></li>     
<li><a href="#">Tutorials</a></li>  
<li><a href="#">Practice Editor </a></li>   
<li><a href="#">Gallery</a></li>   
<li><a href="#">Contact</a></li>   
</ul>

这是小提琴

---

我已经尝试了

.tracking\u list\u type>li:hover{background color:none！important；}

但是我似乎无法将li元素作为目标。如何解决此问题？

您需要使用

：hover

将悬停背景作为目标。对于您的情况，您需要以下内容：

.nav-tabs>li>a:hover

不过我建议

.nav-tabs>li>a:hover, .nav>li>a:focus, .nav>li>a:hover

---

您需要以

：hover

为目标定位悬停背景。对于您的情况，您需要以下内容：

.nav-tabs>li>a:hover

不过我建议

.nav-tabs>li>a:hover, .nav>li>a:focus, .nav>li>a:hover

---

你是指出现在悬停上的背景吗？是的。我忘记添加了。你是指出现在悬停上的背景吗？是的。我忘记添加了。这个

。导航选项卡>li>a:hover、.nav>li>a:focus、.nav>li>a:hover

工作正常。感谢此

.nav tabs>li>a:hover、.nav>li>a:focus、.nav>li>a:hover

工作正常。谢谢