CSS 类/id 样式未应用于 <nav>， <footer> 并且<header>使用 PHP 包含的后代

Question

我正在尝试使用 PHP 创建一个动态网站，但我遇到了一个问题 -<nav>、<footer>和<header>的所有后代都忽略了他们的类 CSS 格式，但没有特定于类的 CSS 对它们生效。例如：

此格式不会影响<footer>中的元素：

footer section #main-footer-section
{
	background-color: #444554;
	height: 50px;
	width: 100%;
}

<footer>
	<section id="main-footer-section">
	</section>
	<section id="bottom-footer-section">
		<p id="copyright-mark"><?php echo date("Y") ?>&copy;</p>
	</section>
</footer>

但这会影响<footer>内容：

footer section
{
	background-color: #444554;
	height: 50px;
	width: 100%;
}

<footer>
	<section id="main-footer-section">
	</section>
	<section id="bottom-footer-section">
		<p id="copyright-mark"><?php echo date("Y") ?>&copy;</p>
	</section>
</footer>

如果我做错了什么，谁能告诉我？

Answer 1

您的 ID 已附加到页脚，因此它是

footer section#main-footer-section
{
	background-color: #444554;
	height: 50px;
	width: 100%;
}

您的代码片段正在查找具有 #main 页脚部分的页脚>节>元素，而不是具有 #main 页脚节的页脚>节

Answer 2

像这样使用它：footer section #main-footer-section需要这样的结构

<footer>
<section>
<div id="main-footer-section">
</section>
</footer>

CSS 定义中的每个空格都代表下一级。

您的结构将匹配如下：

footer section#main-footer-section { /* ... */ }