css - 有没有办法防止公用文件夹中 Laravel 中的 css 文件冲突

Question

我在我的主文件中添加了带有 asset() 助手的 css 链接，但它们似乎会导致样式冲突。我想找到一种方法来包含我所有的 css 文件而不会发生冲突

    <link rel="stylesheet" href="{{asset('css/frontend_css/style.css')}}" />
    <link rel="stylesheet" href= 
      {{asset('css/frontend_css/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/frontend_css/font- 
      awesome.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/frontend_css/animate.css')}}">
    <link rel="stylesheet" href="{{asset('css/frontend_css/sina-nav.css')}}">
    <link rel="stylesheet" href="{{asset('css/frontend_css/pdt.css')}}">

Answer 1

导入样式表的顺序很重要 - 如果适用，您添加的每个样式表都会覆盖之前的变量，因此请将您的主要自定义 CSS 放在最后以覆盖其他样式表。

例如:

样式表-a.css

body {
    background-color: red;
    color: black;
}

样式表-b.css

body {
    background-color: yellow;
}

关于你的进口:

<link rel="stylesheet" href="{{asset('css/stylesheet-a.css')}}">
<link rel="stylesheet" href="{{asset('css/stylesheet-b.css')}}">

这将产生黄色背景和黑色文本。如果以相反的方式导入它，您将看到红色背景和黑色文本。

希望对您有所帮助。