我的 CSS 覆盖了 React 中的引导表答案

【问题标题】：My CSS is overriding a bootstrap table in React我的 CSS 覆盖了 React 中的引导表
【发布时间】：2021-04-15 09:15:12
【问题描述】：

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

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

给整个网站一个黑暗的主题。但是，当我使用 react-bootstrap 创建这样的表时：

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

我的 index.css 文件会覆盖此文件并使表格保持完全黑色，而不是像我想要的那样拥有它，可以在 here 找到它。

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：