以与某个标签相同的方式设置DIV样式

时间:2011-10-29 19:14:54

标签: html css tags

我有一个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()嗅探样式属性)吗?

1 个答案:

答案 0 :(得分:6)

你不能使用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或其他类。{/ p>