Variables in CSS

 Variables in CSS

CSS variables allow you to define reusable values that can be used throughout your CSS code. Variables are defined using the -- prefix and can be used in any CSS property by wrapping them in var() function. Here's an example:

css

:root {

  --primary-color: blue;

}

.box {

  background-color: var(--primary-color);

}

This will define a variable called --primary-color with a value of blue, and then use that variable to set the background color of the .box element.