css - 覆盖底层 React 组件的类

Question

我正在使用现有的 React 组件(即 Paginate)，它本身使用了一些组件(即 Button)。目前，Button 组件将其类设置为在 css 文件中定义的“X”。我想在使用分页组件时覆盖“X”的属性。有办法做到这一点吗？

Answer 1

我没有使用过 React，但你能不能在分页组件周围粘贴一个父 div 并将 css 引用为 .parent .x { attributes }？

或者，您可以提供自己的覆盖 CSS 文件，该文件在 React 样式之后加载。

.parent .x {
  /* news styles */
}

<div class="parent">
  <div class="paginate">
    <div class="x"> x </div>
  </div>
</div>