<ul>继承属性不应该</ul>

Question

我有两个用CSS设计的页面。第一个有一个ul列表的图像，我给它一个“list-style：none”。在第二个我想创建一个带指针的简单文本列表（带有列表样式）。但是，我无法将任何列表样式应用于第二个列表。我的代码如下所示：

page 1
<div id="images">
<ul>
<li>image</li>
...
</ul>
</div>

page 2
<div id="mylist>
<ul>
<li>text</li>
...
</ul>

css

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

#mylist ul, ul li {
list-style-type:square;
}

但它不起作用。 #mylist中的列表仍然没有指针。我已经在我的浏览器中检查了元素，这就是它所说的：#images的属性适用于#mylist中的

，而#images甚至不用于#mylist所在的文件中！ 我试过了：
• 使用＆gt;
将uls指定为子元素
• 将#images的属性更改为“list-style-type：none”
• 使用“list-style：0;”
重置#mylist ul的样式

#mylist ul的其他属性通常适用（如边距，填充，颜色，字体大小等），只有这一个似乎是不可更改的。

Answer 1

尝试使用

    #mylist ul li, ul li {
list-style-type:square;
}

或

#mylist ul, ul  {
list-style:square;
}

Answer 2

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

#mylist ul, ul li {
list-style-type:square;
}

这两个都适用于ul li，这可能不是你想要的。甚至不用费心选择li。