Html CSS左边距应用于不正确的类标题

由于一些未知的原因，当我在.basic info h1中添加左边距时，它也适用于.bottomContent中的h1。因此，底部内容中的h1也给出了剩余80px的余量。也就是说，当我使用.bottomContent h1{padding left:80px}时，理论上这应该是唯一应用的方法，但事实并非如此，因此bottomContent中的左padding在h1上是双标记的

作为一个简单的解决方案，我可以删除bottomContent h1，让CSS保持原样

HTML

---

左边距：80px

同时应用于

.basic info p

和

h1

，因为其中有一个逗号。你需要这样做才能让它工作

.basic-info p, .basic-info h1 {
    margin-left:80px;
    width:50%;
}

---

我认为你想给左边的空白。内部信息h1不是。底部内容h1 所以你可以给css像。。

.basic info.inside info h1{
左边距：80px；
}

这不适用于bottomContent中的h1

.basic-info p,h1{
    margin-left:80px;
    width:50%;
}

.bottomContent h1{
        margin-left:80px;

    }

.basic-info p, .basic-info h1 {
    margin-left:80px;
    width:50%;
}