Question

Let’s say I want to target a span class element:

If I do like this, it doesn’t have any effect:

ul#sponsors li span .spanelement {
}

But if I do like this:

ul#sponsors li span.spanelement {
}

It’s working. What’s the difference in here?

Answer 1

This one:

ul#sponsors li span .spanelement { }

matches any element with class="spanelement", but it must be inside the span (which is inside an li inside a ul with id=”sponsors”).

This one:

ul#sponsors li span.spanelement { }

matches the <span class="spanelement"> itself (provided it’s inside an li inside a ul with id=”sponsors”).