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

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')，它调用这些方法。