Css 如何更改NPM包中使用的样式？

这可能是一个愚蠢或错误的问题，但NPM包的默认样式的范围是什么？如果我使用的是NPM软件包，但想修改其中一个显示器的颜色，我该怎么做

在我自己的index.css文件和包的css文件中，我更改了其中一个div的背景色。它在我的本地环境中工作，但在部署中不工作——它恢复为默认设置

在my index.css文件中：

.react-slideshow-container + div.indicators > .each-slideshow-indicator {
  width: 7px;
  height: 7px;
  margin: 0 5px 10px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

.react-slideshow-container + div.indicators > .each-slideshow-indicator {
  width: 7px;
  height: 7px;
  margin: 0 5px 10px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

在我的节点模块/react slideshow image/components/general.css文件中：

.react-slideshow-container + div.indicators > .each-slideshow-indicator {
  width: 7px;
  height: 7px;
  margin: 0 5px 10px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

.react-slideshow-container + div.indicators > .each-slideshow-indicator {
  width: 7px;
  height: 7px;
  margin: 0 5px 10px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

---

这是正确的。我不会直接编辑节点模块。但是，您应该增加自定义CSS的优先级。例如：

.your-custom-container .react-slideshow-container + div.indicators > .each-slideshow-indicator {
  width: 7px;
  height: 7px;
  margin: 0 5px 10px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

---

在生产现场，样式表不能立即反映的情况下，考虑必要时刷新您的缓存（例如，CTRL+F5）。

< P>这是正确的。我不会直接编辑节点模块。但是，您应该增加自定义CSS的优先级。例如：

.your-custom-container .react-slideshow-container + div.indicators > .each-slideshow-indicator {
  width: 7px;
  height: 7px;
  margin: 0 5px 10px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

---

在生产现场，样式表不能立即反映的情况下，考虑在必要时刷新您的缓存（例如，CTRL+F5）。重要信息，请稍后解决，如果您需要快速修复，请更好地使用！重要信息，请稍后解决