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文章中的标签小（例如网页的标题）。

我当然可以为 each 设置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;}好处？