CSS class IMG inside div and span

Question

Hi on beginning I have code like this:

<div class="123_test" tabindex="0" role="button">

    <span class="">
        <img class="" alt="" src="picturetopic"></img>        
    </span>
</div>

How can I style this img with 123_test class?

Answer 1

First of all you cannot start a class name using a digit, I assume that it's generating from somewhere as the classes are empty, but if you can, than consider changing it, like

class="name_123_test"

And use the selector below like

.name_123_test > span img {
   /* Styles goes here */
}

In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier "B&W?" may be written as "B\&W\?" or "B\26 W\3F".

W3C Reference

Answer 2

Why are your class attributes empty?

If you want to apply the 123_test class to the img tag, just add it in the class attribute:

<img class="123_test" alt="" src="picturetopic"></img>

Or do you mean that you want to use the ancestor div as a style guide for the img? In your CSS, you can reference the img as a descendant of the 123_test class:

.123_test img
{
    // css rules
}

The space between the two identifiers means that the latter is a descendant of the former.