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

Question

我想修改特定父元素的类.这是我有的:

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

我想formlegend只为id为"form2"的表单覆盖类.我试过了:

#form2.formlegend {
    padding: 10px;
}

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

Answer 1

你错过了两个选择器之间的" 后代组合子 "(空格,通常只是一个空格字符):

#form2 .formlegend {
    padding: 10px;
}

如果没有后代组合子,您的选择器将匹配ID为form2 和类的元素formlegend.根据你的问题中的标记,你需要它来匹配一个元素与一个ID为的元素formlegend的后代的类form2.