如何覆盖element.style属性？ （溢出：隐藏）

Question

我有以下情况：

正如您在图像右侧所看到的，有一个属性（overflow：hidden）覆盖了我自己的属性（overflow-x和overflow-y）。我想删除溢出：隐藏但我无法访问＆＃34;离子滚动＆＃34;正是这种风格的元素。有一些方法可以删除（溢出：隐藏）以允许我应用我的两个属性（overflow-x和overflow-y）？

提前致谢。

Answer 1

您必须将!important添加到自己的overflow-x和overflow-y属性中，以便与overflow中的ion-scroll具有更多相关性

Answer 2

您绝对不想使用!important，因为如果您了解CSS以及级联如何以特异性工作，则可以使用最佳实践来实现此目的。

这就是CSS级联和特异性的工作原理：

Elements are worth 1
Classes are worth 10
ID's are worth 100
Inline styles are worth 1000
!important acts as an override to specificity 

当这些组合在样式表上时，具体情况会相加。 具有类.className a的元素具有11的特异性。 ID为#idName a的元素的特异性为101。 在具有ID的元素内部的分类元素内部的元素将具有111特异性等等。

除非两行CSS具有相同的特异性，否则最高特异性总是获胜，LAST行优先。

仅仅使用！important来取代任何特定情况并不是一种好的做法，因为如果你的代码被移交或需要更新，它几乎不可能被覆盖。

虽然它可行，但也不建议使用Inline CSS，因为最佳做法使用外部样式表。

如果可能的话，进入你的CSS文件，找到与需要覆盖的内容相对应的行，并尽可能具体地说明dom。

如果没有，那么你必须使用内联样式。

这是更新和覆盖CSS样式的正确方法。