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

Question

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

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

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

#form2.formlegend {
    padding: 10px;
}

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

Answer 1

您缺少 2 个选择器之间的“后代组合符”（空格，通常只是一个空格字符）：

#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 { }