jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-26 22:01:30 -04:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): replace ambiguous CSS variables quiz question (#64475)

Browse Source 
Co-authored-by: majestic-owl448 <26656284+majestic-owl448@users.noreply.github.com>
This commit is contained in:
Viraj Jadhav
2025-12-27 02:59:11 +05:30
committed by GitHub
parent a55a0da504
commit 113dcd6c1d
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md
View File

@@ -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
<div class="dark-theme">
<div class="card">Content</div>
</div>
```
```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--