Question

I have the following:

<div id="view">
    <div id="navbar">
        Placeholder Text
    </div>

</div>

I would like to style the text in ‘navbar’. However, there is another div further up in the document called ‘navbar’ in the stylesheet?

I thought it was something like:

#view#navbar {
font-style: normal;
...etc
}

But that didn’t work.

Thoughts?

Answer 1

Put a space in between:

#view #navbar {

If you specify two properties together without spaces, you select elements that have both attributes – which is impossible for an ID, but possible for, say, a class:

<div id="view" class="topmost">

div#view.topmost <-- Will address that element