html - 如何在div的CSS中选择多个元素

这似乎是一个非常简单的问题，可以由Google回答，但是一段时间以来，我一直在努力寻找答案。假设您有这样的HTML代码：

    <p> text 1 </p>
    <div class = "divone">
        <p> text 2 </p>
        <h1> text 3 </h1>
    </div>

如果我有这样的CSS设置：

    .divone h1, p{
        color: yellow;
    }

似乎在div元素之外更改了p元素。我该如何选择div内的元素，使其仅更改div“ divone”内的p？

最佳答案

,分隔规则，因此必须重复.divone：

.divone h1,
.divone p {
    color: yellow;
}

您可以使用一些CSS预处理器（如LESS或SASS）来嵌套规则：

.divone {
    h1,
    p {
        color: yellow;
    }
}

但是它将编译为相同的CSS规则。



您当前的规则.divone h1, p说适用于h1或页面上任何.divone元素内的p