diff --git a/curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md b/curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md index 7c0b6750ae3..0dcf11867ab 100644 --- a/curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md +++ b/curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md @@ -731,7 +731,13 @@ It assigns a default value for the property if none is set. #### --text-- -In the following CSS, how does the custom property `--bg-color` behave? +Consider the following HTML and CSS. What background color will be applied to the `.card` element? + +```html +
+
Content
+
+``` ```css :root { @@ -741,23 +747,27 @@ In the following CSS, how does the custom property `--bg-color` behave? .dark-theme { --bg-color: #333; } + +.card { + background: var(--bg-color); +} ``` #### --distractors-- -Overrides the root value globally. +`white` --- -Applies to all elements by default. +`transparent` --- -Is inherited automatically by all children. +`inherit` #### --answer-- -Only applies within `.dark-theme` scope. +`#333` ### --question--