How to remove rules from css/app.css with my css file? |
How to remove rules from css/app.css with my css file? |
nilovsergey |
Jul 15 2023, 11:46 AM
Post
#1
|
Newbie Group: Members Posts: 10 Joined: 15-July 23 Member No.: 28,988 |
In laravel 8/ coreui 3.4 app page news
CODE <x-layouts.news> <x-slot name="title">{{ trans('News') }}</x-slot> ... <div class="news-content">{!! \Purifier::clean($news->content_shortly) !!}</div> ... </x-layouts.news> is based on common app layout/css with resources/views/layouts/news.blade.php template which has 2 css files include : CODE ... <link rel="stylesheet" href="{{ mix('css/app.css') }}"> <link rel="stylesheet" href="{{ mix('css/news.css') }}"> ... Problem is that when content_shortly of news has <i> and <strong> tags they are not rendered on the form and checking the page in browser I see that these styles are used from parent html * { : https://prnt.sc/tiYMT3I1NFEo I search a way to remove these html * { rules on my page BUT without editing css/app.css, As I encountered this problem when user fills CODE <i> and CODE <strong> tags in ckeditor5 I added at top of my scss CODE strong { font-weight: unset; } i { font-weight: unset; } I tried to add style : CODE html * { font-weight: unset !important; text-decoration: unset !important; font-style: unset !important; } * { font-weight: unset !important; text-decoration: unset !important; font-style: unset !important; } But that also did not help - <i> and <strong> tags are not rendered at all... |
Christian J |
Jul 16 2023, 05:07 AM
Post
#2
|
. Group: WDG Moderators Posts: 9,684 Joined: 10-August 06 Member No.: 7 |
I didn't understand most of the OP (maybe because the screenshots didn't load), but when styling is inherited from a parent element the "unset" keyword may give special results. For example:
CODE h1 {font-weight: normal;} h1 strong {font-weight: unset;} /* Makes STRONG element inherit non-bold styling from parent H1. */ or: CODE p {font-weight: bold;} p strong {font-weight: unset;} /* Makes STRONG element inherit bold styling from parent P. */ See also https://developer.mozilla.org/en-US/docs/Web/CSS/unset |
pandy |
Jul 16 2023, 06:03 AM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,736 Joined: 9-August 06 Member No.: 6 |
I figured from one of the OPs tries to override and the screen cap that there are reset rules in play, 'html * ...'. Hence a single element selector wouldn't be enough.
|
Lo-Fi Version | Time is now: 9th June 2024 - 03:01 AM |