2017-11-17 2 views
1

의 목록을 주문? 내가 뭘하고 싶은 위의 HTML 코드의 효과를 얻을 일부 주석 (가격 인하 또는 원시 HTML 중 하나)를 추가 한 후 다음과 같이,내림차순 나는 단순히 <code>reversed</code> 속성을 추가하여 정렬 된 목록의 번호를 되돌릴 수, HTML에서 pandoc 인하

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

를 일반적인 방법으로 목록을 작성하는 것입니다. (위와 같이 pandoc 마크 다운 목록을 작성하면 레이블의 일반적인 오름차순 정렬이 생성됩니다). 레이블을 내림차순으로 표시하는 데 관심이 있습니다. HTML/Markdown 코드와 동일한 순서로 항목을 표시하려고합니다.

판독 설명서의 appropriate section은 특별한 것을 제안하는 것처럼 보이지 않습니다.

내가 노력 것들 중 하나, 그리고 작동하지 않습니다, 원시 HTML 사용 div의 가격 인하 목록을 포장 한 후, 반전 된 속성을 추가하는 CSS를 사용하려고하는 것입니다

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

<div class="rev-lists"> 

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

</div> 

을하지만, CSS 코드가 ol 태그에 reversed 속성을 추가하지 못했습니다.

.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. :

답변

1

CSS의이 (적응 from this)의 라인을 따라되어야 대신에 : pandoc 2.0 이후

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

당신은 또한 수행 할 수 있습니다

::: rev-lists 
2. This is numbered 2 
1. This is numbered 1 
::: 
관련 문제