确定各种标签的默认浏览器样式

Question

我想确定各种标记名称的默认样式。例如，我想知道h2的默认字体大小是什么。

有没有办法在Javascript中这样做？

上下文：我正在尝试构建一个实时CSS编辑器，让用户可以使用其页面上各种元素的样式。对于初始配置，我想阅读各种元素的外观。

编辑：以h2为例，如果页面上有h2元素，jQuery（“h2”）。css（“foint-size”）效果很好。但是，当页面上没有h2时，此解决方案会中断。在这种情况下，想要知道在页面上将h2应用于哪些样式

谢谢！

Answer 1

您正在寻找getComputedStyle / currentStyle，它将获取CSS属性的实际值，但已设置。

使用jQuery，您只需调用$('<h2>hi!</h2>').css('font-size')，即调用这些方法。