ul，li来自单独的div从不相关的div拉css？

Question

以下是我的结构：

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

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

和CSS

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

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

由于某些原因，我的ul, li div中的#filter正在从#content .userpost获取CSS，因此我的过滤器上有我不想要的项目符号。我不明白来自ul, li的{​​{1}}如何可能受到应用于#filter的CSS的影响。如果有人能向我解释这一点，我将非常感激。

Answer 1

需要

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

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

Answer 2

考虑一下 - 这与逗号有关：

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

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

Answer 3

这是因为你在css中的li标签前加了一个逗号。

说＃.content ... ul，li意味着它应该应用于逗号之前的所有内容，以及逗号之后的所有内容。所以它将它应用于所有列表项标签。只需删除逗号即可。

你想要的是#content .userpost＆gt; ul li没有逗号。

Answer 4

您的CSS稍有不正确。由于CSS的工作原理，只需添加逗号即可定位任何普通的li元素。尝试：

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

或

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