更改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类做的实时网站。你可以在这里查看：

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>

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

Answer 2

看起来你错过了第一个CSS规则的右括号}。

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

在结束括号中添加它，你的CSS应该可以正常工作。

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

Answer 3

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

<p>元素不能包含其他<p>。由于<p>元素不需要结束标记，因此您的标记与以下内容相同：

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

其中迷路关闭</p>标记是错误。

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