---
id: bad87fee1348bd9aedf08756
title: Prioritize One Style Over Another
challengeType: 0
videoUrl: ''
localeTitle: Приоритет одного стиля над другим
---
## Description
Иногда ваши HTML-элементы получат несколько стилей, которые конфликтуют друг с другом. Например, ваш элемент h1
не может быть одновременно зеленым и розовым. Давайте посмотрим, что произойдет, когда мы создадим класс, который делает текст розовым, а затем примените его к элементу. Будет ли наш класс переопределять color: green;
элемента body
color: green;
Свойство CSS?
## Instructions
Создайте класс CSS, называемый pink-text
который дает элементу цвет розовый. Дайте вашему элементу h1
класс pink-text
.
## Tests
```yml
tests:
- text: Ваш элемент h1
должен иметь класс pink-text
.
testString: 'assert($("h1").hasClass("pink-text"), "Your h1
element should have the class pink-text
.");'
- text: Ваш <style>
должен иметь класс CSS с pink-text
который изменяет color
.
testString: 'assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;\s*\}/g), "Your <style>
should have a pink-text
CSS class that changes the color
.");'
- text: Ваш элемент h1
должен быть розовым.
testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your h1
element should be pink.");'
```
## Challenge Seed
## Solution
```js
// solution required
```