html - 更改 CSS 字体样式和大小没有任何效果

Question

* {
	padding: 0px;
	margin: 0px;
	font-family: Calibri;
}
#largefont{
	font-size: 24px;
	font-family: serif;
}

<p id="largefont">
<p>TEXT text</p>
...
</p>

它实际上是我正在为 HTML/CSS 类做的一个实时网站。你可以在这里查看：

基本代码在顶部。我设置asid="largefont"并在 CSS 文档中设置字体系列和大小。但是字体大小和样式没有改变。我需要一些帮助来弄清楚它为什么不起作用。

score 1 · Accepted Answer

正如您的一条评论中提到的，您正试图font-size:24px将.innerText='TEXT text'

首先; 24px与1.1em您的问题不同。请更准确地定义您的问题，以免我们必须为您完成所有工作。

您的问题是您已经为特定 ID 定义了 CSS 样式规则，但您的 HTML 文档中没有具有此 ID 的元素。

为了使这项工作发挥作用，您需要为该元素提供与 style.css 规则中定义的相同的 id：

<p id="largefont">TEXT text</p>

编辑：我刚刚看到您确实有另一个具有该 ID 的元素，但是看起来您试图嵌套不允许的元素，因此浏览器在进入第二个之前终止了第一个元素。

score 0 · Accepted Answer

看起来您缺少}第一个 CSS 规则的右括号。

* {
    padding: 0px;
    margin: 0px;
    font-family: Calibri;

添加右大括号，它和您的 CSS 应该可以正常工作。

* {     
    padding: 0px;
    margin: 0px;
    font-family: Calibri; 
}

score 0 · Accepted Answer

<p id="largefont">
<p>TEXT text</p>
...
</p>

该元素不能包含另一个。由于元素不需要结束标记，因此您的标记与以下内容相同：

<p id="largefont"></p>
<p>TEXT text</p>
...
</p>

杂散的结束标签是一个错误。

您的样式largefont仅适用于第一个空段落，而不适用于第二个。

3 回答 3