Question

I’m debugging my css code as my ul are not coming out with indents and bullets as expected.

I’ve got a lot of UL’s in my css but I’ve written them in various ways. I’ve tried to make them uniform, i.e. ul after the div name, but they behave differently. Can someone help me understand the difference as I want to write these statements in one uniform way.

ul#Content li {// do something}

#Content ul li {// do something}

Answer 1

No, ul#content li matches any li contained in a ul which has id="content", example:

<ul id="content">
    <li></li>
</ul>

#content ul li matches any li contained in a ul, contained in another element which has id="content". Example:

<div id="content>
    <ul>
        <li></li>
    </ul>
</div>