html - 具有两种不同背景颜色的表格和正文

Question

大家好，我确定这是一个简单的问题，但我希望页面正文是一种颜色，而中间的表格是另一种颜色。我尝试指定主体颜色和表格颜色，但主体总是覆盖它。我在 css 中尝试这样做，我觉得我需要使用“不”排除器来实现这一点？例如指定 body not:table 或类似的东西。这里绝对是初学者，所以对我放轻松。谢谢!

Answer 1

如果您从字面上尝试应用body color 和table color 那将是无效的。适用于 (x)html 和 css。

color 处理元素的前景(文本)颜色，而 background-color 处理元素的背景色。所以:

body {background-color: #ffa; }
/* sets the background of the `body` element to #ffa (yellow) */

table {background-color: #f90; }
/* sets the background of the `table` element to #f90 (orange) */

我不建议您将这些颜色一起使用，但它们非常显眼，并且不会在应用时留下任何错误。

css 中的大多数属性向下级联，有些则没有。但是 table {/* css */} 足以使新值覆盖为父/祖先元素设置的值。提供明确说明的新值。

显然 有一个 CSS3 not() selector (我原以为它只是一个 jQuery 实现，哇......)，它似乎只在“现代”浏览器中实现，所以目前没有广泛使用。而且它不会真正解决您的情况。