覆盖角质材料css --为什么?重要的工作

Question

我试图覆盖一些角材料组件的css。我读到了关于/deep/ and :ng-深度不再被使用的文章，所以我尝试在styles.css中添加一些代码。我唯一能做的就是向类添加新属性，而不是覆盖已经存在的属性。

​

​

​

​

你能帮我改写这个css吗？

-更新--所以我设法改变了填充物！重要的是：

​

​

我想知道是否有更好的方法来做这件事，以及为什么要这样做？

Answer 1

MDN很好地解释了CSS的特殊性和在覆盖级联过程中的重要作用。请记住，id=“比class=更具体”。

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

从医生那里：

一些经验法则： 在考虑之前，一定要寻找一种使用专用性的方法！重要的只有使用！重要的是特定于页面的CSS，它压倒了外部CSS从未使用过的！重要的是站点范围内的CSS。不要使用！重要的，考虑:更好地利用CSS级联，使用更具体的规则。在要选择的元素之前指示一个或多个元素，规则变得更具体，并获得更高的优先级。

IMHO您在这里使用的！重要是有效的，因为您正在覆盖“外部”css。

至于造型角度的材料组件，当您设置您的项目，您是使用一个预先建立或自定义的主题。如果您需要进行大量的自定义，则需要使用自定义主题。

角材料主题化