Bootstrap嵌套无序继承的无序列表

Question

我有一个像这样的CSS / HTML时间表：http://bootsnipp.com/snippets/97QeW

它使用无序列表加入时间轴卡。我现在需要在卡体内插入一个无序列表，会发生的情况是，身份和子弹图标类型是从顶级卡片ul / li继承的。

如何重置或隔离卡内的ul / li样式？

该片段展示了我现在所获得的以及我需要的内容。

Answer 1

删除子弹：

ul {
  list-style: none;
}

您还可以指定要隔离的类，因为它在您的共享代码段中将是一个圆圈：

ul.class {
  list-style-type: circle;
}

ul {
  list-style-type: disc;
}

ul.ul2 {
  list-style-type: circle;
}

<ul>
  <li>foo</li>
  <ul class="ul2">
    <li>
      bar
    </li>
  </ul>
</ul>

Answer 2

定位无序列表的最佳方法是：

ul li > ul li {
  list-style:none;
}