父排序列表中的嵌套无序列表

Question

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

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

在li内为ul添加另一个css规则，该规则指定无图像，例如：

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

这将覆盖外部规则。