--- id: 615f7fa959ab75948f96a0d6 title: Step 55 challengeType: 0 dashedName: step-55 --- # --description-- Sotto il tuo ultimo elemento `p`, aggiungi un altro elemento `p` con il testo `Dietary Fiber 4g`. Dai all'elemento `p` l'elemento `class` necessario per indentarlo e rimuovere il bordo di divisione. Quindi crea un divisore sotto quell'elemento `p`. # --hints-- Dovresti creare un nuovo elemento `p` e `div` alla fine del tuo elemento `.daily-value.sm-text`. ```js assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.localName === 'div'); ``` Il nuovo elemento `p` dovrebbe avere il testo `Dietary Fiber 4g`. ```js assert(document.querySelector('.daily-value.sm-text p:last-of-type')?.innerText.match(/Dietary Fiber[\s|\n]+4g/)); ``` Il tuo nuovo elemento `p` dovrebbe avere l'attributo `class` impostato a `indent no-divider`. ```js assert(document.querySelector('.daily-value.sm-text p:last-of-type')?.classList?.contains('indent')); assert(document.querySelector('.daily-value.sm-text p:last-of-type')?.classList?.contains('no-divider')); ``` Il nuovo `div` dovrebbe avere l'attributo `class` impostato su `divider`. ```js assert(document.querySelector('.daily-value.sm-text')?.lastElementChild?.classList?.contains('divider')); ``` # --seed-- ## --seed-contents-- ```html
8 servings per container
Serving size 2/3 cup (55g)
Amount per serving
% Daily Value *
Total Fat 8g10%
Saturated Fat 1g 5%
Trans Fat 0g
Cholesterol 0mg 0%
Sodium 160mg 7%
Total Carbohydrate 37g 13%
--fcc-editable-region--