css - 继承它不应该的属性

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 所在的文件中使用!我试过了:
• 用 > 指定 uls 作为子元素
• 将#images 的属性更改为“list-style-type:none”
• 用“list-style:0;”重置#mylist ul 的样式

#mylist ul 的其他属性正常应用(如边距、填充、颜色、字体大小等)，只有这个似乎是不可更改的。

Answer 1

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

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

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