Kto powinien zarządzać zmiennymi kolorów CSS w projekcie internetowym? Projekt lub front-end?

1. Gdzie umieszam zmienne CSS?
2. Jaki jest właściwy sposób deklarowania zmiennej w CSS?
3. Czy zmienne CSS są rozstrzygane?
4. Czy powinienem użyć zmiennych CSS?

Gdzie umieszam zmienne CSS?

Po pierwsze: zmienne CSS mogą mieć globalny lub lokalny zakres. Zmienne globalne można uzyskać/używać za pośrednictwem całego dokumentu, podczas gdy zmienne lokalne mogą być używane tylko wewnątrz selektora, w którym są zadeklarowane. Aby utworzyć zmienną z globalnym zakresem, zadeklaruj ją wewnątrz: selektor root.

Jaki jest właściwy sposób deklarowania zmiennej w CSS?

Aby zadeklarować zmienną w CSS, wymyśl nazwę zmiennej, a następnie dołącz dwa łączniki ( -) jako prefiks. Element tutaj odnosi się do każdego ważnego elementu HTML, który ma dostęp do tego pliku CSS. Nazwa zmiennej to kolor BG, a dwa łączniki są dołączane.

Czy zmienne CSS są rozstrzygane?

Ogłoszenie globalnej zmiennej CSS

Zmienne CSS mogą mieć globalny zakres i lokalny zakres. Gdy zadeklarujesz zmienną CSS w zakresie globalnym, można uzyskać do niej dostęp w całym dokumencie.

Czy powinienem użyć zmiennych CSS?

Zmienne CSS, dokładniej znane jako niestandardowe właściwości CSS, lądują w Chrome 49. Mogą być przydatne do zmniejszenia powtarzania w CSS, a także do potężnych efektów środowisk wykonawczych, takich jak przełączanie motywów i potencjalnie rozszerzające/polifowe przyszłe funkcje CSS.