Есть ли способ предотвратить конфликт файлов CSS в Laravel в общей папке

Question

Я добавил ссылки css с помощником asset() в свой мастер-файл, но они, похоже, вызывают конфликты стилей. Я хотел бы найти способ включения всех моих 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 последним, чтобы переопределить другие.

например:

stylesheet-a.css

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

stylesheet-b.css

body {
    background-color: yellow;
}

В импорте:

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

Это создаст желтый фон и черный текст. Если вы импортируете его наоборот, у вас будет красный фон с черным текстом.

Надеюсь, это поможет.