Course Content
CSS Fundamentals
CSS Fundamentals
Challenge: Variables in CSS
Task
We are tasked with styling a blog web page. The objective is as follows:
- Define the color in the
:root
block:- Create a variable named
--description-color
and assign it the value#9e6f21
.
- Create a variable named
- Apply the
--description-color
variable as a value of thecolor
property to<p>
elements with the class.description
.
index
index
index
- Utilize
--
followed by a descriptive name to create a variable, then set the:
and assign it a value. - Assign the value
#9e6f21
to the variable. - Employ
var()
, and within the brackets, specify the variable name to use the variable as a property value.
index
index
index
Everything was clear?
Thanks for your feedback!
Section 1. Chapter 10