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;
}

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

Answer 2

尝试使用

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

或者

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