【发布时间】：2018-07-10 08:07:34
【问题描述】：
由于我曾担任后端开发人员，因此我对前端开发不太熟悉。现在，我的页面上的 css 覆盖存在问题。
我在主布局中遵循包含 css 文件的结构。
@section('assets')
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}">
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/jquery-ui.css')}}" rel="stylesheet">
<link href="{{ asset('css/animate.min.css')}}" rel="stylesheet">
<link href="{{ asset('css/style.css')}}" rel="stylesheet">
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
@show()
每当加载主页时，控制台中都会显示很多错误。
未知属性“-moz-osx-font-smoothing”。声明被放弃。 font-awesome.min.css:4:662
解析“-webkit-text-size-adjust”值时出错。声明被放弃。 bootstrap.min.css:7:329
未知的伪类或伪元素“-webkit-search-cancel-button”。由于选择器错误，规则集被忽略。 bootstrap.min.css:7:1619
未知属性“孤儿”。声明被放弃。 bootstrap.min.css:7:2379
未知属性“寡妇”。声明被放弃。 bootstrap.min.css:7:2388
解析“大纲”的值时出错。声明被放弃。 bootstrap.min.css:7:3249
解析“margin-top”值时出错。声明被放弃。 bootstrap.min.css:7:21595
解析“大纲”的值时出错。声明被放弃。 bootstrap.min.css:7:21882 ....
据我所知，这是因为添加到文件中的 css 规则冲突，因此正确排序了主刀片所需的包含 css 文件。
谁能提供如何重新排序上述主布局中包含的 css 文件？
提前致谢。
【问题讨论】：
-
试试看：
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">, <link href="{{ asset('css/animate.min.css')}}" rel="stylesheet">, <link href="{{ asset('css/style.css')}}" rel="stylesheet">, <link href="{{ asset('css/app.css') }}" rel="stylesheet">, <link href="{{ asset('css/jquery-ui.css')}}" rel="stylesheet">, <link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}">, <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet"> -
@HirenGohel 仍然有同样的错误和警告
标签： php html css laravel laravel-blade