【问题标题】:How to change the order the styles tag are added如何更改添加样式标签的顺序
【发布时间】:2019-01-28 11:08:28
【问题描述】:

我正在尝试覆盖 ant design 中的类样式,但由于样式在 html 页面上呈现的顺序,我的自定义样式似乎被覆盖了。

我已经尝试将自定义样式的导入顺序更改为要在我的组件上导入的第一件事,但它似乎没有任何作用。

我的元素样式如下所示:

有没有办法改变样式添加到页面的顺序?还是让我的样式最后渲染?

【问题讨论】:

  • 自定义样式的导入必须是最后要导入的东西,如果你想覆盖smthg。
  • 这已经是我在组件上导入的最后一件事了
  • 如果 css 属性很少,那么你可以添加 !important;每个属性
  • 如果这没有帮助,请创建一个代码 sn-p 或 jsfiddle 链接
  • 我不想使用!important

标签: css reactjs less antd


【解决方案1】:

为了在不使用!important 的情况下覆盖某些样式,您可以增加选择器的规格。例如,指定您正在选择一个 div 将添加更多优先级并覆盖它,例如将 .ant-form-inline .ant-form-item 更改为 .ant-form-inline div.ant-form-item

【讨论】:

  • 完美解决了它。非常感谢:D
  • 我很高兴它有效。你能选它作为正确答案吗?
  • 是的,我正在等待,因为堆栈溢出有一个时间限制,可以在发布问题后选择正确的答案。你太快了:p
  • 哦,我不知道。我应该问更多问题:D
  • 完成 ;) 再次感谢您
猜你喜欢
  • 1970-01-01
  • 2021-05-31
  • 1970-01-01
  • 2020-09-10
  • 1970-01-01
  • 1970-01-01
  • 2011-03-03
  • 1970-01-01
  • 2012-02-11
相关资源
最近更新 更多