--- id: 60b69a66b6ddb80858c51581 title: 步驟 11 challengeType: 0 dashedName: step-11 --- # --description-- 在 `back-wall` 元素的下方,創建一個 `div`,其包含 `characters` 的 `class`。 這是你將創建繪畫角色的地方。 # --hints-- 應該只添加一個新的 `div` 元素。 ```js assert(document.querySelectorAll('div').length === 2); ``` 新的 `div` 元素應該在 `#back-wall` 元素之後。 ```js assert(document.querySelector('#back-wall')?.nextElementSibling?.localName === 'div'); ``` 新的 `div` 元素應該將 `class` 設置爲 `characters`。 ```js assert(document.querySelectorAll('div')?.[1]?.classList?.contains('characters')); ``` # --seed-- ## --seed-contents-- ```html Picasso Painting
--fcc-editable-region-- --fcc-editable-region-- ``` ```css body { background-color: rgb(184, 132, 46); } #back-wall { background-color: #8B4513; width: 100%; height: 60%; position: absolute; top: 0; left: 0; z-index: -1; } ```