Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

112. Каскад в CSS

Что же происходит, когда к одному элементу применяются два правила с одинаковой специфичностью. Допустим, у нас есть вот такой CSS код:

Пример 1
h1 { color: blue; }
h1 { color: green; }

Специфичность у них равная. Так какое же правило будет применено? Будет применено то, которое стоит позже. В нашем примере будет применено второе правило и заголовок станет зеленого цвета.

Рассмотрим следующий пример, в котором появляется новое для вас - !important.

Пример 2
h1 { color: blue !important; }
h1 { color: green; }

Теперь выигрывает то правило, у которого написан important. important повышает приоритет стиля. Но если написан important к обоим стилям, то выиграет тот, который стоит после.

Пример 3
h1 { color: blue !important; }
h1 { color: green !important; }

Похожие уроки и записи блога

Свойство background для работы с фономЦвета и фон
Урок 3. Генерация SSH-ключа для работы с GitHubБлог
Погружение в PythonЗнакомство с Python
Специфичность в CSSСтруктура и каскад
Модули в PythonЗнакомство с Python
Типы данных в PythonЗнакомство с Python
Селекторы атрибутов: простой выборСелекторы в CSS
Основы объектно-ориентированного программирования (ООП) в PythonЗнакомство с Python
Написание модулей в PythonЗнакомство с Python
<
×
>
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно