是否有可能使浏览器停止弄乱文章和部分中标题的字体大小？

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（例如网页的标题）。< / p>

我当然可以对每个h1进行分类，并使用相同的font-size对其进行样式设置，但我希望同时为所有级别中的所有h1设置样式而不向其添加类。这可能吗？

Answer 1

如果您检查（例如）Firefox的默认样式表（尝试访问Firefox中的resource://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;
}

在一个嵌套级别显示的h1与h2具有相同的默认样式，在两个嵌套级别，它具有与h3相同的默认值。您的问题是这些规则是more specific而不是您使用的规则。要修复它，编写比默认样式表中更具体的规则（我认为Replico的答案应该有效），或者使用!important进行破解。

Answer 2

.bookmark h1 {font-size:100px;}对您有什么用处？