html - DL堆栈，我会错过一些CSS吗？

我使用的递归DL元素如下：

<dl>
  <dt>1</dt>
  <dl>
      <dt>1.1</dt>
      <dl>
         <dt>1.1.1</dt>
      </dl>
  </dl>
</dl>

在Firefox中，呈现如下：

1
   1.1
       1.1.1

但在Chrome和Internet Explorer上，我只得到：

1

1.1

1.1.1

如何编写在Firefox上呈现类似内容的代码
以及Chrome/Internet Explorer。一些特殊的样式
使用CSS的DL？我更喜欢火狐渲染。
备注：通常情况下，dl至少有一个dd或dt。定义
是<!ELEMENT dl (dt|dd)+>。所以我想这是允许的
只有一个dt，没有dd。但什么是非正统的，是
在一个dl中有一个dl。

最佳答案

添加此css：

dl:not(:first-child) {
    /* "dl dl" and "dl ~ dl" are also possible solutions.
       They will work on old browsers, too */
    margin-left: 20px;
}

此代码将设置除第一个标记之外的所有dl标记的边距。
Demo working on both Chrome and Firefox

关于html - DL堆栈，我会错过一些CSS吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23959631/