Почему селектор * не перебивает селектор h1

262

21 сентября 2017, 13:42

Здравстуйте, есть такая разметка:

<!DOCTYPE HTML>
<html>
<head>
  <title>Example</title>
  <style>
    h1 {
      margin: 10px;
    }
    * {
      margin: 0;
      padding: 0;
    }
  </style>
</head>
<body>    
  <div>
    <h1>Example</h1>
  </div>
</body>
</html>

Вопрос такой: почему margin: 0 селекторa * не перебевает margin: 10px селектора h1, ведь у селектора * больший приоритет (2), чем у h1 (1)?

P.S таблица приоритетов https://www.w3schools.com/cssref/css_selectors.asp

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Проблема с формой обратной связи

Есть элемент с названием шрифта:

315

HTML

Какие технологии выбрать для сайта с бизнес логикой? [требует правки]

Всем привет, интересует мнение бывалых, есть задача сделать сайт с нуля с бизнес логикой, попробую описать основные хотелки:

315

HTML

Как сделать выборку по количеству строк с одним и тем же значением

Имеется таблица, в ней хранятся внутренние id и внешние, строк с одним и тем же ID бывает несколько, обычно более 3-4, как сделать статистику из 20 строк,...

295

Разрешить нажать на кнопку при редакции InputField Unity c#

ЗдравствуйтеЯ пишу прорамму для логина пользователя на Unity С#

312