Add the improved Russian translation to this challenge (#30150)
This commit is contained in:
@ -3,14 +3,14 @@ id: bad87fee1348bd9aedf04756
|
||||
title: Override Styles in Subsequent CSS
|
||||
challengeType: 0
|
||||
videoUrl: ''
|
||||
localeTitle: Переопределить стили в последующем CSS
|
||||
localeTitle: Переопределить стили, записав их ниже в последующем CSS
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Наш класс «розовый текст» переопределил декларацию CSS нашего <code>body</code> ! Мы просто доказали, что наши классы переопределяют CSS элемента <code>body</code> . Итак, следующий логический вопрос: что мы можем сделать, чтобы переопределить наш класс <code>pink-text</code> ? </section>
|
||||
<section id="description"> Наш класс <code>pink-text</code> переопределил декларацию CSS в <code>body</code> элементе! Мы просто доказали, что наши классы переопределяют CSS элемента <code>body</code> . Итак, следующий логический вопрос: что мы можем сделать, чтобы переопределить наш класс <code>pink-text</code> ? </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions"> Создайте дополнительный класс CSS, называемый <code>blue-text</code> который дает элементу синий цвет. Убедитесь, что оно ниже вашего объявления класса <code>pink-text</code> . Примените класс <code>blue-text</code> к вашему элементу <code>h1</code> в дополнение к вашему классу <code>pink-text</code> , и давайте посмотрим, какой из них выиграет. Применение нескольких атрибутов класса к элементу HTML выполняется с пространством между ними следующим образом: <code>class="class1 class2"</code> Примечание. Не имеет значения, какой порядок классов указан в элементе HTML. Тем не менее, порядок объявлений <code>class</code> в разделе <code><style></code> - это то, что важно. Вторая декларация всегда будет иметь приоритет над первым. Поскольку <code>.blue-text</code> объявлен вторым, он переопределяет атрибуты <code>.pink-text</code> </section>
|
||||
<section id="instructions"> Создайте дополнительный класс CSS <code>blue-text</code>, который задает элементу синий цвет. Убедитесь, что оно ниже вашего объявления класса <code>pink-text</code>. Примените класс <code>blue-text</code> к вашему элементу <code>h1</code> в дополнение к вашему классу <code>pink-text</code>, и давайте посмотрим, какой из них выиграет. Применение нескольких атрибутов класса к элементу HTML выполняется с пространством между ними следующим образом: <code>class="class1 class2"</code> Примечание. Не имеет значения, какой порядок классов указан в элементе HTML. Тем не менее, порядок объявлений <code>class</code> в разделе <code><style></code> - это то, что важно. Вторая декларация всегда будет иметь приоритет над первой. Поскольку <code>.blue-text</code> объявлен вторым, он переопределяет атрибуты <code>.pink-text</code> </section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
Reference in New Issue
Block a user