Question

Here’s how my structure is:

<div id="filter">
    ...some ul, li...
</div>

<div id="content>
    <div class="userpost">
        ...some ul, li...
    </div>
</div>

And the CSS

#filter ul, li {
    list-style-type: none;
}

#content .userpost > ul,li {
    list-style-type: disc;
}

For some reason, my ul, li from my #filter div is getting the CSS from #content .userpost, so my filters have bullet points on them which I do not want. I don’t understand how the ul, li from #filter could possibly be affected by the css that’s applied to #content .userpost. If someone could explain this to me I’d greatly appreciate it.

Answer 1

Needs to be

#filter ul, #filter li {
    list-style-type: none;
}

#content .userpost > ul, #content .userpost > ul li {
    list-style-type: disc;
}