--- id: 5f3ef6e056bdde6ae6892ba2 title: Step 58 challengeType: 0 dashedName: step-58 --- # --description-- È un po' noioso che tutto il testo abbia la stessa proprietà `font-family`. Puoi ancora avere la maggior parte del testo `sans-serif` e differenziare solo gli elementi `h1` e `h2` utilizzando un altro selettore. Cambia il carattere degli elementi `h1` e `h2` in modo che solo il testo di questi elementi utilizzi il carattere `Impact`. # --hints-- Dovresti usare un selettore `h1, h2`. ```js const h1h2Selector = new __helpers.CSSHelp(document).getStyle('h1, h2'); assert(h1h2Selector); ``` Dovresti assegnare alla proprietà `font-family` il valore `Impact`. ```js const hasFontFamily = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['font-family'] === 'Impact'); assert(hasFontFamily); ``` L'elemento `h1` dovrebbe avere una proprietà `font-family` con il valore `Impact`. ```js assert($('h1').css('font-family').match(/impact/i)); ``` L'elemento `h2` dovrebbe avere una proprietà `font-family` con il valore `Impact`. ```js assert($('h2').css('font-family').match(/impact/i)); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); font-family: sans-serif; } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } --fcc-editable-region-- --fcc-editable-region-- .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```