css - 如何解决索引中相似 CSS 之间 Angular 冲突的 CSS 全局和局部问题

Question

friend 们，在 Angular 上，我正在尝试通过链接样式表 <> 插入 CSS 波纹管。从 Angular 在组件页面 html 中使用。但是，我将它插入到 index.html 中，并且在识别它的导航栏和不识别它的组件之间存在冲突。拜托，有办法让这个链接的CSS不是全局的而是本地的吗？或其他修复方法？链接 CSS 是:

**<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">**

按F12出现这个错误:Refused to apply style from ' http://localhost:4200/style.css ' 因为它的 MIME 类型('text/html')不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

Answer 1

最好的方法是将您的 css 字段重命名为 scss。

之后，你只需要做这样的事情:

.my-nav-bar {

  @import 'your-link';

  // now you can do whatever you want :) 
}