Как я могу получить реальный унаследованный CSS элемента с помощью JavaScript?

Как с помощью JavaScript получить фактический значение свойства CSS, которое унаследовано?

Например, рассмотрим следующий HTML-код:

Test #1
​
Test #2
​

Использование кода jQuery $('p span').css('fontSize')даст 32px, а не 24pt, потому что он использует getComputedStyle, который возвращает используемое значение, а не фактическое унаследованное значение. Но иногда стиль будет непосредственно на элементе, на который я ориентируюсь, иногда он будет унаследован.

Вот тестовый пример. Как я могу получить фактическийунаследованный CSS элемента с помощью JavaScript?