有没有办法防止公共文件夹中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')}}">

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

希望有帮助。