在pandoc markdown中下降有序列表

时间:2017-11-17 06:12:33

标签: html css html-lists markdown pandoc

在HTML中,我只需添加reversed属性即可反转有序列表的编号:

<ol reversed>
 <li>This is numbered 2</li>
 <li>This is numbered 1</li>
</ol>

是否有一种方法可以在pandoc markdown中实现类似的功能?我想做的是以通常的方式编写列表,如下所示,

2. This is numbered 2
1. This is numbered 1

然后添加一些注释(markdown或raw HTML),以实现上述HTML代码的效果。 (只需按上面那样写下pandoc降价列表就可以生成标签的通常升序排序)。我只对标签按降序显示感兴趣:我希望项目本身的显示顺序与HTML / Markdown代码中的顺序相同。

pandoc手册的appropriate section似乎没有提出具体的建议。

在尝试使用原始HTML将标记列表包装在div中之后,尝试使用CSS来添加reverse属性,其中一个尝试是无效的。

<style>
div.rev-lists > ol {
  reversed;
}
</style>

<div class="rev-lists">

 2. This is numbered 2
 1. This is numbered 1

</div>

但CSS代码无法将reversed属性添加到ol标记。

1 个答案:

答案 0 :(得分:1)

CSS应该与(改编为from this):

一致
.rev-lists > ol {
  list-style-type:none;
  counter-reset:item 6;
}
.rev-lists > ol > li {
  counter-increment:item -1;
}
.rev-lists > ol > li:after {
  content: counter(item);
}

P.S。而不是:

<div class="rev-lists">
2. This is numbered 2
1. This is numbered 1
</div>

因为pandoc 2.0你也可以这样做:

::: rev-lists
2. This is numbered 2
1. This is numbered 1
:::