css - 如何为特定元素 ID 修改容器的 css 类

Question

我想修改特定父元素的类。这是我所拥有的:

<form id="form2">
    <div class="blueform">
        <div class="formlegend">
        ...
        </div>
    </div>
</form>

我只想为 ID 为“form2”的表单覆盖 formlegend 类。我试过:

#form2.formlegend {
    padding: 10px;
}

但它不起作用。这可能吗？

Answer 1

您缺少 2 个选择器之间的“descendant combinator”(空格，通常只是一个空格字符):

#form2 .formlegend {
    padding: 10px;
}

如果没有后代组合器，您的选择器将匹配 ID 为 form2 的元素。 和一类formlegend .根据您问题中的标记，您需要它来匹配具有类 formlegend 的元素这是 ID 为 form2 的元素的后代 .