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()

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

未知属性'-moz-osx-font-smoothing'。宣言下降。字体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

解析'outline'的值时出错。宣言下降。   bootstrap.min.css：7：3249

解析'margin-top'的值时出错。宣言下降。   bootstrap.min.css：7：21595

解析'outline'的值时出错。宣言下降。   bootstrap.min.css：7：21882   ....

据我所知，这是因为文件中添加了css规则的冲突，因此正确排序了主刀片所需的包含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">

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

1 个答案: