Variabili CSS supportate in modo nativo è una potente funzionalità per sviluppare applicazioni web complesse senza alcun passo come i preprocessori. Quindi, questo è fantastico.
Ma (all'inizio) la sintassi di definizione delle variabili non sembra molto buona.
element {
--main-bg-color: brown;
}
element {
background-color: var(--main-bg-color);
}
Qual è la ragione semantica per dichiarare / definire / accedere (nuove variabili supportate) in CSS usando i caratteri TWO ( --*
)?
Penso che questo modo di dichiarare le variabili (forse) possa rendere l'uso della metodologia BEM (Block Element Modifier) che confonde perché l'identificatore ( --*
) ha già un valore semantico: rappresenta un modificatore .