【问题标题】:different components taking same CSS styles采用相同 CSS 样式的不同组件
【发布时间】:2021-12-01 01:39:18
【问题描述】:

我为不同的组件创建了不同的 CSS 文件并将它们导入到各自的组件中,但组件具有相同的样式。 我为两个组件设置了不同的图像样式,但是在 app.js 中导入组件后,图像的样式相同。

【问题讨论】:

  • 请参阅stackoverflow.com/help/how-to-ask。实现一些代码,以便我们为您提供帮助..
  • 似乎您可能将所需的样式放在 img 标签上而不是放在类上?
  • 嗨,您能否提供更多详细信息或粘贴您在不同组件中使用的图像类?它还将帮助其他成员了解问题。
  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: javascript html css reactjs styles


【解决方案1】:

这是因为当您的 react 文件呈现为 HTML 文件时,您的所有样式都将指向您的 Html 因此,如果您有两个具有相同 id 或类名的 HTML 标记,它们将获得特定类名的最后定义的 CSS 的样式

【讨论】:

  • 谢谢。我怎样才能避免这种情况发生?
  • 使用不同的类名
猜你喜欢
  • 2018-10-19
  • 2021-02-19
  • 2019-05-12
  • 2020-08-14
  • 1970-01-01
  • 2020-02-23
  • 2020-02-12
  • 1970-01-01
相关资源
最近更新 更多