Как применить CSS к элементу HTML, используемому в директиве set:html в Astro ⇐ CSS

[Anonymous]

Atro v 4.0.8
имеет родительские компоненты Astro, которые вызывают дочерний компонент Astro, и я передаю строку HTML дочернему компоненту Astro, и он работает с использованием set:html.
теперь я хочу добавить CSS к этому html-элементу, а затем как это сделать
parent.astro

Код: Выделить всё

child.astro

Код: Выделить всё

---
const { title, description } = Astro.props;
---


{title}




h1 {
text-transform: capitalize;
font-size: 3rem;

span {
& mark {
padding-inline: 0.5rem;
font-style: italic;
color: blue;
}
}

но этот стиль отметки не применяется, проверяя последнюю версию Firefox и Chrome
Как мы можем применить CSS без использования глобального импорта .css

Подробнее здесь: https://stackoverflow.com/questions/784 ... e-in-astro