gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 21:08:29 24 4
gpt4 key购买 nike

我有以下情况:

enter image description here

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

提前致谢。

最佳答案

您绝对不想使用 !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 样式的正确方法。

关于html - 如何覆盖 element.style 属性? (溢出: hidden),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34831723/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com