css - 如何设置一个部分的 p margin

Question

super 基础的问题，我是 CSS 新手...

在我的样式表中我有:

  #topheader {
        position: absolute;
        width: 100%;
        height: 100px;
        background-color: #D1E6DA;
        font-size: 200%;
}

如何添加:

p {
    margin: 20px;
}

在#topheader 内(不是整个页面)？

Answer 1

#topheader p{
    margin: 20px;
}

看到 #topheader 和 p 之间的空格了吗？这意味着 p 在顶部。

您需要保留 #topheader { } 原样，并添加另一个带有 p 的代码，如我上面所写。

因此您将拥有以下内容:

#topheader {
    position: absolute;
    width: 100%;
    height: 100px;
    background-color: #D1E6DA;
    font-size: 200%;
}
#topheader p{
    margin: 20px;
}