php - 在 laravel 中包含 css 文件的层次结构以避免 css 覆盖

Question

作为后端开发人员，我对前端开发不是很熟悉。现在，我的页面上有 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()

每当加载主页时，我都会在控制台中显示很多错误。

Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. font-awesome.min.css:4:662

Error in parsing value for ‘-webkit-text-size-adjust’. Declaration dropped. bootstrap.min.css:7:329

Unknown pseudo-class or pseudo-element ‘-webkit-search-cancel-button’. Ruleset ignored due to bad selector. bootstrap.min.css:7:1619

Unknown property ‘orphans’. Declaration dropped. bootstrap.min.css:7:2379

Unknown property ‘widows’. Declaration dropped. bootstrap.min.css:7:2388

Error in parsing value for ‘outline’. Declaration dropped. bootstrap.min.css:7:3249

Error in parsing value for ‘margin-top’. Declaration dropped. bootstrap.min.css:7:21595

Error in parsing value for ‘outline’. Declaration dropped. bootstrap.min.css:7:21882 ....

据我所知，这是因为文件中添加的 css 规则发生冲突，因此 master blade 需要的包含 css 文件的顺序正确。

谁能提供如何重新排序上面主布局中包含的 css 文件？

提前致谢。

Answer 1

试试这个

<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}">
<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">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">