我的 CSS 覆盖了 React 中的 bootstrap table

Question

在我的 React 项目中，在我的 index.css 中，我有

*{
    background-color: black;
    color: white;
}

给整个网站一个深色主题。但是，当我使用 react-bootstrap:

创建这样的 table 时

<Table striped bordered variant="dark">
    <th></th>
    // etc. 
</Table>

我的 index.css 文件覆盖了它并保持 table 完全黑色，而不是像我想要的那样，可以找到 here.

我该如何阻止这种情况发生？谢谢！

Answer 1

如前所述，* 是适用于每个元素的通配符。

在您的 HTML 中，您的大部分代码应该在 <body></body> 标记内，因此您应该使用以下 CSS:

body {
  background-color: black;
  color: white;
}

My CSS is overriding a bootstrap table in React