---
id: 6194034278b71f6940a50d91
title: Step 40
challengeType: 0
dashedName: step-40
---
# --description--
You'll notice that this change has made all of your `.row` elements have the new background color. This is because the `nth-child()` selector looks at the position relative to all element siblings.
The `nth-of-type()` selector, however, looks at an element's position relative only to the elements matching the selector in the sibling group. Change your `.row:nth-child(odd)` selector to be `.row:nth-of-type(odd)`, and you should see the difference.
# --hints--
You should change your selector to be `.row:nth-of-type(odd)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.row:nth-of-type(2n+1)'));
```
You should not have a `.row:nth-child(odd)` selector.
```js
assert(!new __helpers.CSSHelp(document).getStyle('.row:nth-child(2n+1)'));
```
Your `.row:nth-of-type(odd)` selector should have a `background-color` property set to `#dfdfe2`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.row:nth-of-type(2n+1)')?.backgroundColor === 'rgb(223, 223, 226)');
```
# --seed--
## --seed-contents--
```html
AcmeWidgetCorp Balance Sheet