2014-01-14 43 views
0

我在HTML中有这个自动生成的代码。如何用CSS访问这个元素

如何在悬停时使用CSS获取跨度类图标进行修改。

我无法拨打.icon,因为我将更改页面上的所有图标,而我只是想更改这一项。

<li class="level1 item156"> 
     <a class="carpo1 level1" href="/carpooling" title="carpoT"> 
      <span> 
       <span class="icon" style="background-image: url('http://thebackpackerweb.estrategic.es/images/EntregaProyecto/Icon_carpooling_h.png');"></span> 
      carpooling 
      </span> 
     </a> 
</li> 
+0

分配一个ID,这个跨度 –

+0

我不能这样做。它是在Joomla 3.1中为菜单中的图标自动生成的代码。 – user3160356

回答

6

我想可能与

.item156 .icon { 
    background: red; 
} 
+0

去试试吧!谢谢! – user3160356

+0

完美工作,只要stackoverflow让我这样做,我会接受你的答案。再次感谢!!! – user3160356

-2

去给这个特定区间类的ID,然后根据您的要求进行更改。

0

这将作为你希望:

.item156 .icon:hover { 
    background: blue; 
}