Когда я должен использовать `*` и когда я должен использовать `: root,: host` в качестве родительского селектора? ⇐ CSS

[Anonymous]

Я хотел бы назвать более ранний ответ на вопрос как отправную точку. Объявите родительский элемент в слое. Эта часть ясна. < /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