Warum müssen React-Projekte CSS-Module als Hintergrund im Komponentenbereich erben?
P粉161939752
P粉161939752 2023-08-10 17:05:31
0
1
412

Ich habe eine React-Komponente erstellt, aber es gab ein Problem: Die gesamte Website hat den Textkörperstil geerbt, den ich in einem CSS-Modul festgelegt habe. Ich habe dies mit und ohne das lokale Tag versucht und habe das Gefühl, dass dies möglicherweise etwas mit der Art und Weise zu tun hat, wie React CSS-Module umschließt, da ich noch niemanden gesehen habe, der das gleiche Problem hatte.

:local body { Anzeige: Flex; rechtfertigen-Inhalt: Mitte; align-items: center; Mindesthöhe: 100 Vh; Hintergrund: #300d25; Übergang: 0,5 s; } :lokaler Körper::before { Inhalt:''; Position: absolut; oben: 0; links: 0; Breite: 100 %; Höhe: 100 %; Hintergrund: #30bfa5; Übergang: 0,5 s; Clip-Pfad: Kreis (250 Pixel in der Mitte); }
P粉161939752
P粉161939752

Antworte allen (1)
P粉006977956

您已经创建了一个带有关联CSS模块的React组件,但您在其中一个CSS模块中定义的样式似乎影响了整个网站而不只是组件。此问题可能是由于CSS模块的错误使用、类名冲突、全域样式、拼写错误、浏览器扩展或CSS特异性问题引起的。要解决此问题,请确保正确使用CSS模块的命名和使用方法,检查冲突和拼写错误,审查全域样式,使用CSS复位或标准化,检查应用的样式,并验证您的Webpack配置。如果问题仍然存在,请考虑提供更多详细信息以进行特定的故障排除。

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!