如何为页面设置背景色时排除table及指定类元素？

嘿，我来帮你搞定这个问题～你之前写的CSS没生效，是因为选元素的思路错啦！你用的body:not(.inputs)和body:not(table)是在筛选body元素本身，但body既没有.inputs类，也不是table标签，所以这两个选择器本质上就是选中了整个body，自然没办法让子元素保持白色背景。

正确的思路应该是：先给整个页面（body）设置你想要的背景色，然后单独给需要保留白色的元素（.inputs盒子和提交后的table）设置白色背景——因为子元素的背景样式会覆盖父元素的，这样就能实现你要的效果啦。

下面是修正后的CSS代码：

/* 给整个页面设置目标背景色 */
body {
  background-color: #c3d6de;
  margin: 0; /* 可选：去掉body默认边距，让背景铺满整个页面 */
  padding: 1rem; /* 可选：给页面内容留点间距，避免贴边 */
}

/* 让.inputs类的盒子内部保持白色 */
.inputs {
  background-color: white;
  padding: 1rem; /* 可选：内部加内边距，让内容不贴盒子边缘 */
}

/* 提交后显示的table背景设为白色 */
table {
  background-color: white;
  border-collapse: collapse; /* 可选：合并表格边框，视觉更整洁 */
}

/* 可选优化：给表格单元格加边框和内边距，提升可读性 */
table th, table td {
  border: 1px solid #ddd;
  padding: 0.5rem;
}

如果你的.inputs盒子里还有嵌套的子元素，担心它们没继承白色背景，可以再加一句备用代码：

.inputs * {
  background-color: inherit;
}

不过一般情况下，只要.inputs本身设置了白色背景，内部元素如果没有自己的背景色，就会默认显示父元素的白色背景，这句是以防万一的补充方案。

内容的提问来源于stack exchange，提问作者nCardot