Core Code
Core Code Modern Dev Handbook

Variable Scope

Variables can be scoped to specific elements.

Preview

Code

<style>
.box{
--bg:#22c55e;
background:var(--bg);
color:white;
padding:10px;
}
</style>

<div class="box">Scoped variable</div>

More CSS Variables Examples (8)

example Update Variable with JavaScript open example example Basic CSS Variable open example example Multiple Variables open example example Variable Override open example example Variable Fallback open example example Theme Variables open example example Variable Hover Change open example example Variables in Media Queries open example