블록/컨테이너 안에 AsciiDoc 컨텐츠를 랩핑하고 클래스 또는 ID를 할당하십시오.

Question

블록이나 컨테이너 내부에 부분 컨텐츠를 래핑하여 CSS에서 참조 할 수있게하고 싶습니다.

지금까지 열려있는 블록의 내용을 랩핑하고 사용자 정의 id 속성을 부여하려고했습니다.

= My document 

Lorem ipsum 

[id="changelog"] 
-- 

== Changelog 

* Foo 
* Bar 

-- 

그것은 작동하지만 섹션 또는 제목 (이 경우 Changelog)가 제대로 표시되지 않습니다.

P.S 나는 그런데 AsciiDoctor를 사용하고 있습니다.

Answer 1

내 질문에 언급했듯이 열려있는 블록에 내용을 포함 할 수 있지만 제목/섹션/제목은 문서 구조 규칙을 위반하기 때문에 구문 분석되지 않습니다.

주위에 간단한 작업은 정기적 제목 만들기 위해 discrete 스타일을 사용하는 것입니다, 따라서 올바르게 렌더링 :

= My document 

Lorem ipsum 

[id="changelog"] 
-- 

[discrete] 
== Changelog 

* Foo 
* Bar 

-- 

---

이 할 수있는 더 나은 방법이 테이블 블록을 사용하는 것입니다

:이 예에 표시된 것처럼 우리가 ID 테이블과 CSS에 참조 할 수

을 렌더링 할 모든 AsciiDoc 구문을 수락 할 AsciiDoc 스타일 테이블 셀에 내용에 맞게

= My document 

Lorem ipsum 

++++ 
<style> 
/* Hide the table's style */ 

#changelog { 
    border-width: 0px; 
    border-collapse: collapse; 
} 

#changelog tbody > tr > td { 
    padding: 0px; 
} 
</style> 
++++ 

[id="changelog"] 
|=== 
a| 

== Changelog 

* Foo 
* Bar 

|=== 

include 지시문을 사용할 때 포함 된 파일 자체를 수정할 수없고 CSS를 사용하여 내용 블록을 제어하려는 경우 특히 유용합니다.