HTML5 的新大纲结构使用户代理在您向下浏览各个部分时使用不同大小的相同标签呈现标题。有没有办法控制它,最好是通过 CSS 选择器?
我喜欢使用“h1 for everything”方法,因为我可以在不重新标记标题的情况下将部分移入和移出大纲,但我想不出一种方法来准确控制用户代理的样式用于每个级别。
理想情况下,我可以说类似 h1:level1{ font-size: 18pt }
的内容,这只会更改部分标题和 h1:level2
以选择小节标题。当然,我可以轻松地使用 section h1
和 section section h1
,但我想知道是否有比重复“section”更清晰的方法,就像我的大纲一样深去。
最佳答案
以 em
为单位设置字体大小,然后将 section
的字体大小设置为小于 1em
的任何值。
例如:
section {
font-size: .9em;
}
h1 {
font-size: 1.8em;
}
这是 fiddle :http://jsfiddle.net/LLhFc/
关于css - 每个标题级别的不同样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14465691/