开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >带节标题标签的不同行为

问带节标题标签的不同行为
EN

Stack Overflow用户

提问于 2015-12-14 10:32:24

回答 2查看 486关注 0票数 4

标题标记行为(h1和h2) --如果我在section或aside中写入h1和h2，则显示相同的字体大小，如果将其置于section或aside标记之外，则正常工作。

我已经找了很多，但没有得到答案。

任何人都有答案。

<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>


<section>
    <h1>heading 1</h1>
    <h2>heading 2</h2>
    <h3>heading 3</h3>
</section>

<aside>
    <h1>heading 1</h1>
    <h2>heading 2</h2>
    <h3>heading 3</h3>
</aside>

EN

Stack Overflow用户

回答已采纳

发布于 2015-12-14 10:37:03

这是浏览器的自定义样式。h1在区段之外或旁边有font-size: 2em，但在部分、文章、旁边，nav有font-size: 1.5em，见devtools。

:-webkit-any(article,aside,nav,section) h1 {
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
}

在article, section, nav, aside h1之外，有这样的样式

h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

如果你不想要这样的惊喜-用normalize.css重置浏览器样式)

票数 -1

EN

查看全部 2 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34264788

复制

相似问题