Question

我想为我的页面添加背景颜色，但保留表格背景（表格显示在提交中）和左边的框内部（其中包含.inputs类）白色。

我尝试将以下内容添加到我的CSS中，但它没有做任何事情：

body:not(.inputs) {
  background-color: #c3d6de;
}

body:not(table) {
  background-color: #c3d6de;
}

请查看我当前的代码以供参考：CodePen

Answer 1

您的CSS存在问题。执行sessions/new.html.erb时，您指定要将这些样式应用于任何非表格的实体。这没有意义，因为body元素也不能是table元素。同样适用于body:not(table)。由于您要定位body:not(.inputs)或body的{{1}}的所有后代元素，因此您需要在table和.inputs之间放置一个空格body喜欢这样：

:not

这会定位所有非body :not(.inputs) { background-color: #c3d6de; } body :not(table) { background-color: #c3d6de; }或table的元素，以及.inputs的后代。

但是，您可能会遇到问题，因为如果表位于另一个元素中，则包含元素的background元素将通过表显示，因为表的默认背景是透明的。我建议明确给你的表一个白色背景，如下：

body

Answer 2

您也可以为Body和tabel添加背景颜色。像这样。

private class GeocoderHandler extends Handler {
    @Override
    public void handleMessage(Message message) {
        String result;
        switch (message.what) {
        case 1:
            Bundle bundle = message.getData();
            result = bundle.getString("address");
            break;
        default:
            result = null;
        }
        // replace by what you need to do
        myLabel.setText(result);
    }   
}

如何从背景颜色中排除表和类？

2 个答案: