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

Question

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

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

我想仅为id为“form2”的表单覆盖类formlegend。我试过了：

#form2.formlegend {
    padding: 10px;
}

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

Answer 1

你错过了两个选择器之间的“descendant combinator”（空格，通常只是一个空格字符）：

#form2 .formlegend {
    padding: 10px;
}

如果没有后代组合子，您的选择器将匹配ID为form2 且为formlegend类的元素。根据您问题中的标记，您需要将该元素与类formlegend匹配，该类是ID为form2的元素的后代。

Answer 2

是的，但要确保你的覆盖类在CSS中的原始类后声明为

Answer 3

你可以尝试

#form2 .blueform .formlegend { }

如果这不起作用，则必须添加具有唯一ID的其他元素（ID始终应该是唯一的）。两个ID呼叫覆盖一个ID呼叫，因此它看起来像

#override #form2 .formlegend { }