Javascript Css模块无法覆盖来自另一个Css模块的样式

我创建了一个使用css模块的React组件

我有一个徽标组件：

从“React”导入*作为React； 将*作为样式从“/Logo.module.scss”导入； 从.././assets/logo.png导入appLogo； 接口ILogoProps{ logo？：对象， alt？：字符串， 外部样式？：对象 } export const MyLogo={logo，alt，externalStyle}:ILogoProps: React.ReactElement=>{ const defaultLogo=logo？logo:appLogo； const defaultAlt=alt？alt:“我的徽标”； 回来 ; }; 导出默认MyLogo； .标志{ 高度：40px； 背景色：RGBA255255,0.01；

---

} 如果您的外部css规则更加具体，它也会起作用。因此，例如，如果您将父容器添加到一个规则，然后添加元素，它将仅使用css元素规则覆盖不太具体的规则

.element { /* your styles */ }

.parentelement .element { /* will override element styles /* }

---

我认为这与css模块没有任何关系。将应用具有更高css特异性的规则。如果您希望.test类覆盖.logo，请尝试使其更具体。@PrakashSharma您可以更具体一点吗？我已经在问题中添加了css，但我在这里遗漏了哪些更具体的内容？您可以阅读css专一性@PrakashSharma我已经遵循了这一点，我认为您不了解这里的上下文。我在默认值之前添加css类styles@PrakashSharma还请参考这个问题-好的@niklas我明白了，我可以工作，但有一件事是为什么我需要做这件事，这是解决css模块问题的一种方法吗？