添加“。”李编号后

Question

我有一个有序列表，我已经递增1.我想要做的是让它在1之后用1点加1：

1.
2.
3.
4 

在我的列表中，我的工作就像，

1
 1.1
 1.2
 1.3
2
 2.1
 2.2
3
 3.1
 3.2
 3.3

所以这是正确的我只想在开头的数字也有一个。最后。

我当前的代码看起来像这样：

ol { 
  counter-reset: item ;
}

li { 
  display: block;
}

li:before {
  content: counters(item, ".") " "; 
  counter-increment: item;
  float: left;
}

<ol>
  <li> 
    <ol>

    </ol>
  </li>
</ol>

所以它应该看起来像： 的 的

的

1.
 1.1
 1.2
 1.3
2.
 2.1
 2.2
 2.3
3.
 3.1
 3.2
 3.3

的

Answer 1

这是你想要的a Fiddle。

我所做的就是更改CSS以使其具有'。'最后，除非它比这个更深层次

printenv && composer.phar self-update

不需要额外的，不必要的课程。

希望这有帮助

Answer 2

如果你想让数字最后有一个点，你可以将你的css更改为

li:before {
    content: counters(item, ".") ".\00a0 ";
}

\00a0会增加空间（" "对我无效）。

编辑：关于讨论：在第一级提供额外的课程并使用上面的CSS（参见Codepen）。

http://codepen.io/anon/pen/MKOOjv

Answer 3

已经有一个解决此问题的主题

Achieving sub numbering on ol items html

致Joey

的信用

＆＃13;

＆＃13;

ol { counter-reset: item }
ol>li { display: block }
ol>li:before { content: counters(item, ".") ". "; counter-increment: item }

＆＃13;

<ol>
    <li> 
        Tome 1
        <ol>
          <li>Chapter 1</li>
          <li>Chapter 2</li>
        </ol>
    </li>
</ol>

＆＃13;

＆＃13;

＆＃13;

Answer 4

ol { 
  counter-reset: item ;
}

li { 
  display: block;
}

li:before {
  content: counters(item, ".") "."; 
  counter-increment: item;
  float: left;
  margin-right:10px;
}

<ol>
  <li>Test1
    <ol>
      <li>Test1.1</li>
      <li>Test1.2</li>
      <li>Test1.3</li>
    </ol>
  </li>
  <li>Test2</li>
  <li>Test3</li>
</ol>

我修改了上面的代码段。你只需要添加一个“。”在“内容”属性的第二部分。我也在那里留了一个空白，以使其显而易见。