【问题标题】:Change Global Css Code using Local Css Code使用本地 Css 代码更改全局 Css 代码
【发布时间】:2019-11-17 16:43:25
【问题描述】:

如果我在全局 css 中有一个 css 代码部分 { margin-left: 80px; },并且如果我需要使用本地 css 代码将代码更改为 margin-left: 40px;。有可能吗?

是否可以通过使用本地javascript和本地css代码来更改全局css代码?

提供样本:
https://stackblitz.com/edit/angular-85deej

谢谢!

【问题讨论】:

标签: angular visual-studio-code


【解决方案1】:

我建议您阅读有关view encapsulation here 的更多信息。

试试这个:

::ng-deep section { margin-left: 80px; }

查看stackblitz here

【讨论】:

  • ::ng-deep 被标记为已弃用,将在某个时候被删除,您应该尽量避免使用它。
【解决方案2】:

在您的本地 css 中尝试 margin-left: 40px!important;,它将覆盖全局 css 属性。

【讨论】:

  • 可以分享一下html部分吗?
猜你喜欢
  • 1970-01-01
  • 2010-10-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-10
  • 2013-02-04
相关资源
最近更新 更多