html - 以与特定标签相同的方式设置 DIV 的样式

Question

我有一个 DIV，我想应用当前为某个标签(不是类)规定的样式。
我想将其用作我的容器元素的基本样式，它的子元素将使用该样式，这些子元素将使用位置的相对偏移量和大小的百分比。

比如说，<h2>有font-size:x-large; font-weight:bold;默认情况下。我可以这样做:

<h2>
  <div style="font-size: 50%;">something</div>
  <div style="font-size: 80%;">something else</div>
</h2>

但这是无效的 HTML，因为 div不能在h2里面.

所以我需要一种方式来表达:

<div style="whatever is currently applied to h2">
  ...
</div>

如果没有 JavaScript(比如使用 .css() 嗅探样式属性)这可能吗？

Answer 1

你不能使用 span 吗？

<h2>
  <span style="font-size: 50%;">something</span>
  <span style="font-size: 80%;">something else</span>
</h2>

如果您需要它们display: block:

h2 span {
    display: block;
}

http://jsfiddle.net/HfQWz/

虽然我会说你可能想更具体地选择 span 在 h2 上有一个类，包装 div.className , 或者什么的。