---
id: 5d822fd413a79914d39e98e6
title: Step 30
challengeType: 0
dashedName: step-30
---
# --description--
Annida 6 elementi `div` all'interno di `.foreground-buildings` e assegna loro le classi da `fb1` a `fb6` in ordine. "fb" sta per "foreground building". Saranno altri sei edifici in primo piano.
# --hints--
Dovresti creare un nuovo `div` con la classe `fb1`.
```js
assert.exists(document.querySelector('div.fb1'));
```
Dovresti creare un nuovo `div` con la classe `fb2`.
```js
assert.exists(document.querySelector('div.fb2'));
```
Dovresti creare un nuovo `div` con la classe `fb3`.
```js
assert.exists(document.querySelector('div.fb3'));
```
Dovresti creare un nuovo `div` con la classe `fb4`.
```js
assert.exists(document.querySelector('div.fb4'));
```
Dovresti creare un nuovo `div` con la classe `fb5`.
```js
assert.exists(document.querySelector('div.fb5'));
```
Dovresti creare un nuovo `div` con la classe `fb6`.
```js
assert.exists(document.querySelector('div.fb6'));
```
Dovresti inserire i nuovi elementi `div` all'interno dell'elemento `.foreground-buildings`.
```js
assert.exists(document.querySelector('div.foreground-buildings > div.fb1'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb2'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb3'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb4'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb5'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb6'));
```
Dovresti inserire i nuovi elementi `div` nell'ordine corretto.
```js
function __t(a, b) {
return [...document.querySelector(a)?.nextElementSibling?.classList]?.includes(b);
}
assert(__t('div.fb1','fb2') && __t('div.fb2','fb3') && __t('div.fb3','fb4') && __t('div.fb4', 'fb5') && __t('div.fb5', 'fb6'));
```
# --seed--
## --seed-contents--
```html
City Skyline