上一节中h2的样式应用于非后代部分

Question

我在html中有几个部分，所以我为第一部分设置了h1样式：

.banner-inner h1 {
color: yellow;
font-size: 2.8rem;
font-weight: 400;
padding-top: 5px;
}

奇怪的是，样式也适用于下一部分，甚至是页脚。 如果那些部分和页脚不是.banner-inner的后代，这怎么可能呢？ （我刚刚开始学习CSS，请原谅我，如果我的问题太简单了）

Answer 1

如果在其他元素中具有相同的类名，则在使用类名之前使用标记名称，然后它将应用相同的效果 如果类名不同，则上面的css脚本是正确的

 div.banner-inner h1 {
      color: yellow;
      font-size: 2.8rem;
      font-weight: 400;
      padding-top: 5px;
    }