Я хотел бы назвать более ранний ответ на вопрос как отправную точку. Объявите родительский элемент в слое. Эта часть ясна. < /P>
@custom-variant dark (&:where(.dark, .dark *));
@layer theme {
:root, :host {
@variant dark {
--color-clifford: #7718b0;
}
}
}
Однако, почему они не используют * там?@custom-variant dark (&:where(.dark, .dark *));
@layer theme {
* {
@variant dark {
--color-clifford: #7718b0;
}
}
}
В чем разница между: root ,: host и *? Из того, что я вижу, пример, приведенный с обоими объявлениями.
Dark mode is working
Подробнее здесь: https://stackoverflow.com/questions/796 ... nt-selecto
