如何删除内联CSS宽度：100％；显示：内联块；来自反应光滑

Question

我不知道为什么react-slick 在形成滑块时添加了以下内联属性。

width: 100%; display: inline-block;

因此，我的应用程序自己的 CSS 不起作用并且行为不同。请帮助我理解并解决这个问题。

请点击提到的链接，我试图模仿与react-slick相关的问题 https://stackblitz.com/edit/react-b8wcgf

Answer 1

您需要在 CSS 中添加元素值之后!important。
例如：

.product-wrap {
  position: relative;
  width: 30px !important; 
  display: grid !important;
  border: 1px solid red; 
}

而不是 30px 和网格输入您的值，但保留!important.