html - 没有继承的 Bootstrap 嵌套无序列表

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

它使用无序列表来加入时间线卡片。我现在需要在卡片正文中插入一个无序列表，发生的事情是标识和元素符号图标类型是从顶级卡片 ul/li 继承的。

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

该片段显示了我现在得到的和我需要的。

最佳答案

删除元素符号:

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>

关于html - 没有继承的 Bootstrap 嵌套无序列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40934729/