Можно ли заставить браузер перестать связываться с размером шрифта заголовков в статьях и разделах?

Question

Мой HTML5 представляет список закладок, например:

    <h1>Bookmarks</h1> <!-- Big text -->
    <ul class='bookmarks-list'>
      <li>
        <article class='bookmark'>
          <h1> <!-- Small text, not desired. :( -->
            <a href='/bookmarks/show/4ed230552357a3f96907fb5f'>Google</a>
          </h1>
          <p>...</p>
        </article>
      </li>
      <li>
        <article class='bookmark'>
          <h1> <!-- Small text, not desired. :( -->
            <a href='/bookmarks/show/4ed235562357a3f96907fb60'>Stack Overflow</a>
          </h1>
          <p>...</p>
        </article>
      </li>
    </ul>

Проблема в том, что теги h1 в закладках имеют меньший font-size, чем h1, который не находится встатья (например, название веб-страницы).

Конечно, я мог бы классифицировать каждый h1 и стилизовать его с тем же font-size, но я бы хотелнравится стилизовать все h1 s на всех уровнях одновременно, не добавляя к ним класс.Это возможно?

Answer 1

Если вы проверите (например) таблицу стилей Firefox по умолчанию (попробуйте посетить resource://gre-resources/html.css в Firefox), вы увидите, что есть такие правила:

h2,
:-moz-any(article, aside, nav, section)
h1 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

h3,
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
h1 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}

h1, который отображается на одном уровнеВложенность имеет тот же стиль по умолчанию, что и h2, на двух уровнях вложенности она имеет тот же стиль по умолчанию, что и h3.Ваша проблема в том, что эти правила более конкретны , чем правила, которые вы используете.Чтобы исправить это, напишите правила, которые более специфичны, чем те, которые содержатся в таблице стилей по умолчанию (ответ Replico должен работать, я думаю), или взломайте его с помощью !important.

Answer 2

это .bookmark h1 а {font-size:100px;} тебе хорошо?