How to change img style inside span in CSS?


Tags: html,css

Problem :

I need a quick help:

I have a CSS like this:

#ranking li span.awa
{ 
    //Something
}

And HTML like this:

             <span class=\"awa\"> 
                <div >
                    <a href=''>
                      <img src=''>
                    </a>
                </div>
              </span>

Now i don't know what is the name of img and can not put class type to img tag. I need to set in CSS that img inside span of class awa should have border: 0px; How to do this?

In para langauge i need this:

#ranking li span.awa.img
{ 
    border: 0px;
}

But it does not work. How to write this properly?



Solution :

Use a space, just like you've used twice. A space means "somewhere inside":

#ranking li span.awa img
{ 
    border-style: none;
}

span.awa.img, my the way, means a span with two classes: <span class="awa img">.


    CSS Howto..

    CSS: How to Solve this “Site-Is-Too-Big” Challenge?

    CSS - How to control the gap between background image and container

    How to disable Javascript/CSS minification in ASP.NET MVC 4 Beta

    CSS: How to clear a floating object only one level, not the all the way to the left?

    How to include a static page with custom css and js files in a Rails application

    Rotation of a div gives a black background on IE, how can I remove it?

    How to selectively load/use CSS for YUI modules?

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

    How does the CSS position on a div affects position of sibling division?

    How simple CSS breadcrumbs work

    How to over ride the transparency aspect in CSS

    making div inside div and put it right-bottom corner how?

    Can't figure out how to code my css

    How to override font-size (em) in this condition?

    How to remove this extra part at the right?

    CSS how to select nav and li tags but exclude specified class?

    Why won't my SVG's show?

    Webpage Css Error.. Not Showing Anything

    Hide one div when showing another with JavaScript

    How can i Change the DOt in a JavaFx RadioButton?

    How do I center (vertically and horizontally) buttons in a div tag?

    how to do conditional css on table row?

    How do I use a sprite background image to display once on an element (no-repeat)?

    how to get both icon and heading in same line in css

    How to increase the gap between text and underlining in CSS

    how do i change button/image onclick to active state?

    Get the Navbar to show when hovering over header image

    How to select multiple elements using CSS

    How should I create a web interface for my application? [closed]

    How can I make a border wrap around a group of pictures?