Running specific css for specific part of a page without overriding css of other part of page in laravel? - development

Running specific css for specific part of a page without overriding css of other part of page in laravel?

Let’s elaborate my problem. Think we have 3 template files
1.Master
2.Child(home)
3.navbar layout(included in home)

Mater->home->navbar

i have 2 external css files which have this css

p
{
color:red;
}

and

p
{
color:blue;
}

1st css file is linked in master.blade.php and 2nd css file is linked into navbar.blade.php

I want text color of navbar as blue and text color of home(other than navbar) as red.

Now the output is blue(overriding css which is declared in master).

I don’t want to modify css(specificity), Is there anything in laravel like scopes for css.

from Laravel Questions and Answers https://laravelquestions.com/php/running-specific-css-for-specific-part-of-a-page-without-overriding-css-of-other-part-of-page-in-laravel/
via Lzo Media