Html 我的css不会影响我的第二个<；第节>；标签

在我做第二个部分标记之前，我在它前面有另一个部分，有这个代码。在这里：

HTML

<div class="about-me-section">
<div class="about-me-overlay">
    <h1>Hi I'm Marielle,</h1>
    <p>A web developer and self-enthusiast</p>
</div>
</div>

<section id="background-technologies">
<div class="techno-wrapper">
<h1>Services <hr class="header-style-bottom-2"></h1>
</div>
</section>

现在，我正在设计第二个分区标记，当我添加填充、边距、高度或宽度时，它不会显示我在css中所做的更改

HTML

<div class="about-me-section">
<div class="about-me-overlay">
    <h1>Hi I'm Marielle,</h1>
    <p>A web developer and self-enthusiast</p>
</div>
</div>

<section id="background-technologies">
<div class="techno-wrapper">
<h1>Services <hr class="header-style-bottom-2"></h1>
</div>
</section>

这是我的chrome开发工具中显示的屏幕截图

---

您的css中有拼写错误。html中的分区id是“#背景技术”，而css中的分区id是“#背景技术”

在底部2前面尝试不使用

#背景技术

。对于顶部的分区，在不使用

分区的情况下尝试。我应该替换它什么？我更改了它，但仍然没有效果。哦，没有nvm。成功了。谢谢你的帮助！我还删除了#background-technologies旁边的元素标签。没问题！很高兴我能帮忙！