Как можно получить свойство CSS элементов (например, width/height), поскольку оно было задано с помощью правил CSS, в любых единицах, которые были установлены (например,%/em/px)? (В Google Chrome, предпочтительно без рамки).
Использование getComputedStyle
возвращает текущее значение в пикселях, поэтому css()
в jQuery.
Например:
<div class="b">first</div>
<div id="a" class="a">second</div>
<style>
div { width: 100px; }
x, div#a { width: 50%; }
.a { width: 75%; }
</style>
Повторяя все div
элементы в этом примере, я бы хотел получить вторую ширину div
как 50%
(и первый как 100px
).
Инспектор элементов Chrome может отображать значение свойства CSS, поскольку они были установлены, поэтому это должно быть возможно в Chrome.
Не точный дубликат связанного вопроса, так как там принятый ответ есть простой хак, который производит процентную ширину независимо от того, какая ширина установлена. А для остальных вам нужно знать селектор, используемый для создания активного правила? Как узнать это?