Как я могу применить форматирование в стиле стартового стиля к элементу диалога с использованием только классов? ⇐ CSS

[Anonymous]

Я хотел бы внедрить следующий нативный код CSS с использованием Tailwind CSS: < /p>

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

dialog {
border: unset;
border-radius: 1.25rem;

&,
&::backdrop {
opacity: 0;
transition: all 0.15s;
}
&::backdrop {
background-color: black;
}

/* Open */
opacity: 1;
&::backdrop {
opacity: 0.5;
}

/* Close */
@starting-style {
&,
&::backdrop {
opacity: 0;
}
}
}< /code>
Open Dialog


Hello World
Close
< /code>
< /div>
< /div>
< /p>
Но по умолчанию я могу сделать это только в CSS, используя AT-rule. < /p>


dialog {
/* Close */
@starting-style {
&,
&::backdrop {
opacity: 0;
}
}
}< /code>


Open Dialog


Hello World
Close

Но я не хочу использовать CSS.

Подробнее здесь: https://stackoverflow.com/questions/796 ... nly-classe