javascript - 使用css在html中的字体大小

Question

在我的元素中我需要纠正一些大文本，所以在我的 css 文件中我写道:

#wrong_answer
{
    color: red;
    font-size: 30;
    font-weight: bold;
}

在我的 js 文件中:

function wrong_answer()
{    
    $("body").append("<p id='wrong_answer'>Is not correct</p>");
};

最后我得到了红色文本，但是非常非常小，如果我改变字体大小，文本的大小也不会改变。

所以问题是为什么我不能更改字体大小？

Answer 1

30 什么？ 30px, 30pt, 30%, 30em?您的属性值无效。

当使用 jQuery 时，您可以只指定一个整数，但那是因为 jQuery 将整数视为像素值，例如:

//this will work
$([selection]).css({ fontSize : 30 });

这里有一些关于 font-size: 的很棒的文档:https://developer.mozilla.org/en-US/docs/Web/CSS/font-size

更新

您可以使用您的开发人员工具(肯定是 Chrome/Firefox/Safari)来检查与元素关联的 CSS。当遇到无效的属性值时，这些开发人员工具会提醒您这一事实。