French Vanilla
3.00
--- id: 5f45b3c93c027860d9298dbd title: Part 82 challengeType: 0 dashedName: part-82 --- # --description-- You change properties of a link when the mouse hovers them by using a pseudo-selector that looks like `a:hover { propertyName: propertyValue; }`. Change the color of the footer `Visit our website` link to be `brown` when a user hovers over it. # --hints-- You should use the `a:hover` pseudoselector. ```js const hasAHover = new __helpers.CSSHelp(document).getStyle('a:hover'); assert(hasAHover); ``` You should set the `color` property to `brown`. ```js const hasColor = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.color === 'brown'); assert(hasColor); ``` Your `a:hover` should have a `color` of `brown`. ```js const aHoverColor = new __helpers.CSSHelp(document).getStyle('a:hover')?.getPropertyValue('color'); assert(aHoverColor === 'brown'); ``` # --seed-- ## --seed-contents-- ```html