Запуск определенного CSS для определенной части страницы без переопределения CSS другой части страницы в laravel?

Question

Давайте рассмотрим мою проблему. Думаю, у нас есть 3 файла шаблона 1.Master 2.Child (дом) 3.navbar макет (входит в дом)

материнского> дома-> Navbar

У меня есть 2 внешних файла CSS, которые имеют этот CSS

p
{
color:red;
}

и

p
{
color:blue;
}

1-й файл CSS связан в master.blade.php, а 2-й файл CSS связан с navbar.blade.php

Я хочу, чтобы цвет текста navbar был синим, а цвет текста дома (кроме navbar) - красным.

Теперь вывод синий (переопределение css объявлено в master).

Я не хочу изменять css (специфичность), есть ли в laravel что-то вроде областей действия для css.

Answer 1

Почему бы вам не проверить текущий маршрут, а затем вставить встроенный цвет атрибута стиля в файл блейда:

@if(request()->is('/'))
    <!-- Homepage -->
    <p style="color:red">Hello</p>
@else
    <!-- All Other Pages -->
    <p style="color:blue">Hello</p>
@endif

или

<p style="color:{{ request()->is('/') ? 'red' : 'blue' }}">Hello</p>

Answer 2

Почему бы вам просто не назначить идентификатор различным блокам абзацев и не настроить их таким образом? Или, что еще лучше, создайте служебный класс для каждого цвета.

.text-red {
   color: red;
}

А потом ...

<p class="text-red">Lorem ipsum[...]</p>

Answer 3

Вы знакомы с лезвием в ларавеллу ?

Я думаю, вы должны определить секцию доходности в вашем мастере

@yield('css')

, а затем позвоните в свою панель навигации и т. Д., Как это

 @section('css')
     p
     {
      color:red;
     }
    @endsection

и в других файлах

 @section('css')
 p
 {
  color:blue;
 }
@endsection