Diciamo che ho seguito CSS:Come si sovrappongono le proprietà personalizzate CSS?
:root { --color: blue; }
div { --color: green; }
#alert { --color: red; }
* { color: var(--color); }
e il mio margine di profitto è:
<p>I inherited blue from the root element!</p>
<div>I got green set directly on me!</div>
<div id="alert">
While I got red set directly on me!
<p>I’m red too, because of inheritance!</p>
</div>
La mia domanda è Ha il CSS sopra si traducono in:
body {
color: blue;
}
div {
color: green;
}
#alert{
color: red;
}
o c'è un ulteriore
* {
color: red;
}
Senza le variabili, il selettore universale applica lo stesso CSS su tutti gli elementi. Questo cambia e lo stile diventa dipendente dagli elementi?
Un'altra domanda che ho è se :root
si traduce in body
in CSS.
Ecco una demo CodePen: http://codepen.io/anon/pen/RrvLJQ
Si prega di ricordare di collegare alle vostre fonti. – BoltClock
sì @BoltClock Sto ancora modificando la mia risposta su questo. – dippas
Non dovresti aspettare prima di farlo. Le persone possono rispondere * molto * rapidamente alle risposte una volta che vengono pubblicate. Il tuo post potrebbe essere stato contrassegnato per la cancellazione prima che tu abbia avuto la possibilità di modificare la tua risposta. – BoltClock