Html 样式化组件-内联样式与媒体查询样式重叠

我不熟悉样式化组件。我试图更改媒体查询中的flexDirection，但我的内联样式

行

似乎与媒体查询样式重叠

代码链接：

---

当宽度修改媒体查询时，我希望

flexDirection

更改为

列

  @media (max-width: 600px) {
    color: red;
    flex-direction: column !important;
  }

使用以下命令修改媒体查询

  @media (max-width: 600px) {
    color: red;
    flex-direction: column !important;
  }

您可以添加
！重要信息
keyword@Shuvo谢谢你的帮助，但是有没有更合适的方法呢？你可以添加
！重要信息
keyword@Shuvo谢谢你的帮助，但是有没有更合适的方法呢？我想这不是正确的方法。或者是吗？正确的解决方案是什么？这是覆盖内联样式的唯一方法。我想这不是正确的方法。或者是吗？正确的解决方案是什么？这是覆盖内联样式的唯一方法