--- id: 5a9d72a1424fe3d0e10cad15 title: Change a variable for a specific area challengeType: 0 videoUrl: 'https://scrimba.com/c/cdRwbuW' forumTopicId: 301085 dashedName: change-a-variable-for-a-specific-area --- # --description-- When you create your variables in `:root` they will set the value of that variable for the whole page. You can then overwrite these variables by setting them again within a specific selector. # --instructions-- Change the value of `--penguin-belly` to `white` in the `penguin` class. # --hints-- The `penguin` class should reassign the `--penguin-belly` variable to `white`. ```js assert( code.match(/\.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi) ); ``` The `penguin` class should not contain the `background-color` property. ```js assert( code.match(/^((?!background-color\s*?:\s*?)[\s\S])*$/g) ); ``` # --seed-- ## --seed-contents-- ```html