以与某个标签相同的方式设置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或类似的东西.