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 类(class)制作的实时网站。您可以在这里查看:

http://user2cis133.achins.com/homework%20nov8/index.html

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

Answer 1

正如您在其中一条评论中提到的，您正在尝试申请 font-size:24px到 <p>带有 innerText='TEXT text' 的元素.

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

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

要使这项工作发挥作用，您需要提供 <p>元素与您的 style.css 规则中定义的相同 id:

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

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