Blog

Question 1:  What is the correct syntax to define a CSS variable?

(A) variable: --primary-color;

(B) --primary-color: blue;

(C) var(--primary-color: blue);

Question 2:  Where are CSS variables usually defined for global use?

(A) Inside any class selector

(B) Inside a media query

(C) Inside the :root pseudo-class

Question 3:  How do you use a CSS variable in a property value?

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

(B) color: --primary-color;

(C) color: {primary-color};

Question 4:  Can CSS variables be updated using JavaScript?

(A) Yes

(B) No

(C) Only in media queries

Question 5:  What is the main advantage of using CSS variables?

(A) They increase file size

(B) They allow easy theme changes and code reusability

(C) They make CSS more complex

Question 6:  Which of the following is NOT true about CSS variables?

(A) They can be updated dynamically using JavaScript

(B) They are supported in all browsers including older versions of Internet Explorer

(C) They follow the cascade and inherit properties

Question 7:  What will happen if you try to use an undefined CSS variable?

(A) It will cause a syntax error

(B) The property using the variable will not be applied

(C) The property will be ignored and fall back to its default value

Question 8:  Can CSS variables be used in media queries?

(A) Yes

(B) No

(C) Only in inline styles

Question 9:  Which of the following statements is correct about local CSS variables?

(A) They are defined inside a specific selector and can be used only within it

(B) They can be used globally

(C) They must always be defined inside :root

Question 10:  Which CSS property is used to apply a variable’s value?

(A) use-var

(B) var

(C) set-variable