Skip to content

スライドスコープスタイル

Markdown の <style> タグを使用して、現在のスライドのみに適用されるスタイルを定義できます。

md
# これは赤です

<style>
h1 {
  color: red;
}
</style>

---

# 他のスライドには影響しません

Markdown の <style> タグは常に スコープ付き です。そのため、子セレクタ(.a > .b)はそのままでは使用できません。詳細は前述のリンクを参照してください。グローバルスタイルを適用したい場合は、カスタマイズセクション を参照してください。

UnoCSS によって、ネストされた CSS や ディレクティブ を直接使用できます:

md
# Slidev

> Hello **world**

<style>
blockquote {
  strong {
    --uno: 'text-teal-500 dark:text-teal-400';
  }
}
</style>

Released under the MIT License.