css - 記事やセクションのヘッダーのフォントサイズをブラウザが混乱させないようにすることは可能ですか？

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です（たとえば、Webページのタイトル）。

もちろん、すべてh1をクラス分けして同じスタイルにすることもできますが、クラスを追加せずに、すべてのレベルのfont-sizeすべてのsを一度にスタイル設定したいと思います。h1これは可能ですか？

Answer 1

(たとえば) Firefox の既定のスタイルシートを確認すると (Firefoxresource://gre-resources/html.cssでアクセスしてみてください)、次のようなルールがあることがわかります。

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;
}

h11 レベルのネストで表示される は と同じデフォルト スタイルを持ち、2h2レベルのネストで と同じデフォルト スタイルを持ちますh3。問題は、これらのルールが、使用しているルールよりも具体的であることです。それを修正するには、デフォルトのスタイルシートよりも具体的なルールを作成するか (Replico の回答が機能するはずだと思います)、または でハックし!importantます。

Answer 2

あなたにとって何か良いことは.bookmark h1あり{font-size:100px;}ますか？