如何使用 CSS 访问此元素

Question

我在HTML中有这个自动生成的代码。

如何获取带有 CSS 的 span 类图标以在悬停时对其进行修改。

我不能打电话.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>

Answer 1

我可能会选择

。

.item156 .icon {
    background: red;
}

Answer 2

这将按您的预期工作：

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

Answer 3

给这个特定的span类一个id，然后根据你的要求改变它。