## 事象
以下のようにネストした[[CSS]] ([[CSS Nesting Module]]) を書いても認識されない。
```css
sectiion.illustration {
h2 {
color: red;
}
}
```
## 原因
[[Marp]]で対応していないため。
## 解決方法
なし。次世代フレームワークでは対応予定とのこと。
<div class="link-card">
<div class="link-card-header">
<img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/>
<span class="link-card-site-name">GitHub</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<p class="link-card-title">Support for CSS nesting · Issue #397 · marp-team/marpit</p>
<p class="link-card-description">Related https://github.com/orgs/marp-team/discussions/522</p>
</div>
<img src="https://opengraph.githubassets.com/36429715adcb5656aaa7276970ad62b82d397088a33b506831eff223bac59d65/marp-team/marpit/issues/397" class="link-card-image" />
</div>
<a href="https://github.com/marp-team/marpit/issues/397"></a>
</div>
## 参考
- [CSS nesting · marp-team · Discussion #522](https://github.com/orgs/marp-team/discussions/522#discussioncomment-10037568)