Q:

Change Global Css Code using Local Css Code

If I have a css code section { margin-left: 80px; } in global css and If I need to change the code into margin-left: 40px; by using local css code. Is it possible to do it?
Is it possibly to change the global css code by using local javascript and local css code?
A sample is provided:
https://stackblitz.com/edit/angular-85deej
Thank you!

A:

I would suggest you read about view encapsulation here for more information.
Try this:
::ng-deep section { margin-left: 80px; }

Check the stackblitz here

