ブロック/コンテナ内に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テーブルでき

をレンダリングするすべてのAsciiDoc構文を受け入れ、この例で示すようにCSSでそれを参照します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を使用してコンテンツブロックを制御したい場合に特に便利です。