html - 如何覆盖 element.style 属性？ (溢出: hidden)

Question

我有以下情况:

正如您在图像右侧看到的，有一个属性(overflow:hidden)覆盖了我自己的属性(overflow-x和overflow-y)。我想删除溢出:隐藏，但我无法访问应用这种样式的“ion-scroll”元素。有某种方法可以删除(溢出:隐藏)以允许我应用我的两个属性(溢出-x 和溢出-y)？

提前致谢。

Answer 1

您绝对不想使用 !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具有相同的特异性，否则最高的特异性总是获胜，最后一行优先。

仅使用 !important 来超越任何特定性并不是一个好的做法，因为如果您的代码曾经移交或需要更新，则几乎不可能覆盖。

虽然它可以工作，但也不建议使用内联 CSS，因为最佳实践使用外部样式表。

如果可能，请进入您的 CSS 文件，找到与需要覆盖的内容相对应的行，并使其在 dom 中尽可能具体。

如果没有，那么是的，你将不得不使用内联样式来完成它。

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