---
id: bad87fee1348bd9aedf06756
title: Override Class Declarations with Inline Styles
challengeType: 0
videoUrl: ''
localeTitle: Переопределить объявления классов со встроенными стилями
---
## Description
Таким образом, мы доказали, что объявления id переопределяют объявления классов, независимо от того, где они объявлены в вашем элементе style
CSS. Существуют и другие способы переопределения CSS. Вы помните встроенные стили?
## Instructions
Используйте inline style
чтобы сделать наш элемент h1
белым. Помните, что в стилях строк выглядит так: <h1 style="color: green;">
Оставьте классы blue-text
и pink-text
на вашем элементе h1
.
## Tests
```yml
tests:
- text: Ваш элемент h1
должен иметь класс pink-text
.
testString: 'assert($("h1").hasClass("pink-text"), "Your h1
element should have the class pink-text
.");'
- text: Ваш элемент h1
должен иметь blue-text
.
testString: 'assert($("h1").hasClass("blue-text"), "Your h1
element should have the class blue-text
.");'
- text: Ваш элемент h1
должен иметь идентификатор orange-text
.
testString: 'assert($("h1").attr("id") === "orange-text", "Your h1
element should have the id of orange-text
.");'
- text: Дайте вашему элементу h1
встроенный стиль.
testString: 'assert(document.querySelector("h1[style]"), "Give your h1
element an inline style.");'
- text: Ваш элемент h1
должен быть белым.
testString: 'assert($("h1").css("color") === "rgb(255, 255, 255)", "Your h1
element should be white.");'
```
## Challenge Seed
## Solution
```js
// solution required
```