How to access this element with CSS


Tags: html,css

Problem :

I have this autogenerated code in HTML.

How can I get the span class icon with CSS to modify it when hover.

I can not call .icon because I will change all the icons on the page and I just want to change this one.

<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>


Solution :

I would maybe go with

.item156 .icon {
    background: red;
}

    CSS Howto..

    Internet Explorer: how to escape extra carriage return after editing Textarea?

    How to create a completely flexible piano keyboard with HTML and CSS

    How do I make text text when you hover the mouse over it?

    How to start a css animation from current position

    How to create a circle and a bar that overlap with css?

    How to make a grid layout with unknown number of columns and each column has equal size? [closed]

    jQuery How to select the only child of a
  • inside a class
  • how jquery access dynamic css :before and apply filter:brightness [closed]

    How to disable css Animation keyframes in opera?

    How is the radial gradient added here?

    How to define a set of CSS class names so Vim knows how to autocomplete

    How to write Hover property with CSS for a piece wih :after and :before properties?

    Empty div with 2px width and background color doesnt show with height as 100%

    How to fix this common problem of position:fixed elements not expanding to its parent width?

    How can I change the shape of a gridview to circular?

    How can I set a floats width to the left over space?

    How to have 3 sections in a row

    How to position html tag above an image and in the middle?

    How would you design the css and html to divide up this rounded widget?

    Using css modules, how can I use composes to include a list of variables for colors

    How to use Segoe Print font in CSS?

    How can I make it so that my logo on the top left of the page lines up with the text underneath it?

    How can I add a whitespace in between my element and psuedo element?

    how to change the opacity of the text along with the colorscale of the image in css?

    How can you align all the cells to the left with css [closed]

    How can I have a 2 column layout with one of the columns with a fixed width and the other with the remaining width?

    How to create this quote box with (preferably) HTML5/CSS3?

    how to create a rotateY animation via jQuery and css 3

    How to use 100% CSS background-image with scrolling content?

    How to position div so that it renders outside container