html - 父有序列表中的嵌套无序列表

Question

我想弄清楚如何使我的嵌套无序列表不继承父有序列表。截至目前，它将所有列出的元素作为背景图像。我只希望我的排序列表显示背景图片。

div#column1 ol li {
  list-style-image: url(akMLpics/bullets.png);
}

div#column1 ol li>ul {
  list-style-type: square;
}

<div id="column1">
  <ol>
    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
    <li>Aliquam tincidunt mauris eu risus.</li>
    <li>Vestibulum auctor dapibus neque.
      <ul>
        <li>In hac habitasse platea dictumst.</li>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
      </ul>
    </li>
    <li>Lorem ipsum dolor sit amet.</li>
    <li>Etiam quis leo eleifend neque.</li>
  </ol>
</div>

Answer 1

为 ul 中的 li 添加另一个 css 规则，它指定没有图像，例如:

div#column1 ol li > ul li {
  list-style-image: none;
  list-style-type: square;
}

这将覆盖外部规则。