---
id: 6140d1a351e88f159ed54fca
title: Step 10
challengeType: 0
dashedName: step-10
---
# --description--
Using the same pattern, create a separate selector for the third `.line`, the fourth `.line`, the fifth `.line`, and the sixth `.line`.
Set the `transform` property for the third `.line` to `rotate(120deg)`, the fourth to `rotate(180deg)`, the fifth to `rotate(240deg)`, and the sixth to `rotate(300deg)`.
# --hints--
You should create a `.line:nth-of-type(3)` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(3)'));
```
Your `.line:nth-of-type(3)` selector should have a `transform` property set to `rotate(120deg)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(3)')?.transform === 'rotate(120deg)');
```
You should create a `.line:nth-of-type(4)` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(4)'));
```
Your `.line:nth-of-type(4)` selector should have a `transform` property set to `rotate(180deg)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(4)')?.transform === 'rotate(180deg)');
```
You should create a `.line:nth-of-type(5)` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(5)'));
```
Your `.line:nth-of-type(5)` selector should have a `transform` property set to `rotate(240deg)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(5)')?.transform === 'rotate(240deg)');
```
You should create a `.line:nth-of-type(6)` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(6)'));
```
Your `.line:nth-of-type(6)` selector should have a `transform` property set to `rotate(300deg)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(6)')?.transform === 'rotate(300deg)');
```
# --seed--
## --seed-contents--
```html
Ferris Wheel