Css 无法覆盖反应表样式？

从其文件中可以看出：

我们认为默认样式看起来很棒！但是，如果您喜欢更自定义的外观，则所有包含的样式都可以轻松覆盖。每一个组件都包含一个独特的类，使其非常容易定制。去吧

我尝试重写

.ReactTable.-pagination.-pageSizeOptions

的类名，如下所示：

但它没有效果？但是如果我在inspect元素上这样做，它就工作了，我正在根index.js上导入我的覆盖，在文件上尝试，没有效果

require('./react-table-overrides.css');

const client = new ApolloClient({
  link: new HttpLink({ uri: '/graphql' }),
  cache: new InMemoryCache(),
});

ReactDOM.render(
  <ApolloProvider client={client}>
    <App />
  </ApolloProvider>,
  document.getElementById('root'),
);

require（'./react table overrides.css'）；
const客户端=新客户端({
link:newhttplink（{uri:'/graphql'}），
缓存：新的InMemoryCache（），
});
ReactDOM.render(
,
document.getElementById（'root'），
);

---

帮助？

尝试使用css模块和：全局，这对我很有用

:global div.pagination-bottom > div > div.-center > span.select-wrap.-pageSizeOptions {
  visibility: hidden !important;
  margin: 3px 10px !important;
  position: absolute !important;
}

---

检查前，此文件是否在内存中

react table overrides.css

？@rach8garg我在public/index.html上导入了它，在节点中导入时遇到问题：/

:global div.pagination-bottom > div > div.-center > span.select-wrap.-pageSizeOptions {
  visibility: hidden !important;
  margin: 3px 10px !important;
  position: absolute !important;
}