---
id: 6169b1357fcb701bb5efc619
title: Step 28
challengeType: 0
dashedName: step-28
---
# --description--
Create a new `25%` selector between your `0%` and `50%` selectors. Give this new selector the `background-color` property set to `yellow`.
# --hints--
You should create a new `25%` selector in your `@keyframes cabins` rule.
```js
const rules = new __helpers.CSSHelp(document).getCSSRules('keyframes')?.[1]?.cssRules;
assert(rules?.[0]?.keyText === '25%' || rules?.[1]?.keyText === '25%' || rules?.[2]?.keyText === '25%' || rules?.[3]?.keyText === '25%');
```
Your `25%` selector should be between your `0%` and `50%` selectors.
```js
assert(new __helpers.CSSHelp(document).getCSSRules('keyframes')?.[1]?.cssRules?.[1]?.keyText === '25%');
```
Your `25%` selector should have a `background-color` property set to `yellow`.
```js
assert(new __helpers.CSSHelp(document).getCSSRules('keyframes')?.[1]?.cssRules?.[1]?.style?.backgroundColor === 'yellow');
```
# --seed--
## --seed-contents--
```html