Стиль 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 или чем-то еще.