Question

HTML：

<article>
  <h1>First Heading</h1>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, suscipit, itaque. Cumque asperiores vel quae necessitatibus eos? Sequi odit dolores placeat voluptatibus ea, beatae, praesentium quod deserunt hic enim veniam.</p><br>

  <a href="#sectionTwo">Read more...</a>

  <article id="sectionTwo">
    <h1>Second Heading</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem fugiat libero molestiae, eaque adipisci sit qui odit assumenda voluptas laborum veniam ut animi ratione natus, deleniti, facere iste ea necessitatibus?</p>
  </article>

</article>

CSS：

#sectionTwo {
  display: none;
}
#sectionTwo:target {
  display: block;
}

为什么第二个h1小于第一个h1，它们的重量不应相同 - 同样呈现为纯article标记，每个标记都有自己的import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from 'angularfire2/firestore'; ？

Answer 1

文章中的h1被视为子标题，并以小于正常大小显示。在您的示例中，第二个h1位于嵌套文章中，因此它甚至比那个更狡猾。

第一个h1也比身体直接小一个。例如：

＆＃13;

<h1>Top Heading</h1>

<article>
  <h1>First Heading</h1>

  <article id="sectionTwo">
    <h1>Second Heading</h1>
  </article>

</article>

＆＃13;

关于你的第二个问题：不知道。有任何理由怀疑它可能无法最佳地工作吗？我经常发现谷歌的网页没有我第一次访问时所寻找的信息，这些信息隐藏在＆＃34;阅读更多＆＃34;链接。

使用CSS链接显示附加信息

1 个答案: