--- id: 5f45b25e7ec2405f166b9de1 title: Step 81 challengeType: 0 dashedName: step-81 --- # --description-- Puoi cambiare le proprietà di un link che è già stato visitato usando il seguente pseudo-selettore: `a:visited { nomeProprietà: valoreProprietà; }`. Cambia il colore del link nel piè di pagina `Visit our website` in `grey` quando un utente ha visitato il link. # --hints-- Dovresti utilizzare lo pseudoselettore `a:visited`. ```js const hasAVisited = new __helpers.CSSHelp(document).getStyle('a:visited'); assert(hasAVisited); ``` Dovresti assegnare alla proprietà `color` il valore `grey`. ```js const hasColor = new __helpers.CSSHelp(document).getCSSRules().some(x => (x.style.color === 'grey' || x.style.color === 'gray')); assert(hasColor); ``` `a:visited` dovrebbe avere una proprietà `color` con il valore `grey`. ```js const aVisitedColor = new __helpers.CSSHelp(document).getStyle('a:visited')?.getPropertyValue('color'); assert(aVisitedColor === 'grey' || aVisitedColor === 'gray'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); font-family: sans-serif; padding: 20px; } h1 { font-size: 40px; } h2 { font-size: 30px; } .established { font-style: italic; } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } hr { height: 2px; background-color: brown; border-color: brown; } .bottom-line { margin-top: 25px; } h1, h2 { font-family: Impact, serif; } .item p { display: inline-block; margin-top: 5px; margin-bottom: 5px; font-size: 18px; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } /* FOOTER */ footer { font-size: 14px; } a { color: black; } --fcc-editable-region-- --fcc-editable-region-- ```