Html 如何覆盖element.style属性?(溢出:隐藏)

Html 如何覆盖element.style属性?(溢出:隐藏),html,css,ionic-framework,Html,Css,Ionic Framework,我有以下情况: 如图右侧所示,有一个属性overflow:hidden,它覆盖了我自己的属性overflow-x和overflow-y。我想删除overflow:hidden,但我无法访问采用这种风格的ion scroll元素。有一些方法可以消除溢出:隐藏以允许我应用两个属性overflow-x和overflow-y 提前感谢。您必须添加!对于您自己的overflow-x和overflow-y属性很重要,因此这些属性将比您必须添加的ion scroll溢出更具相关性!对于您自己的overflow

我有以下情况:

如图右侧所示,有一个属性overflow:hidden,它覆盖了我自己的属性overflow-x和overflow-y。我想删除overflow:hidden,但我无法访问采用这种风格的ion scroll元素。有一些方法可以消除溢出:隐藏以允许我应用两个属性overflow-x和overflow-y


提前感谢。

您必须添加!对于您自己的overflow-x和overflow-y属性很重要,因此这些属性将比您必须添加的ion scroll溢出更具相关性!对于您自己的overflow-x和overflow-y属性很重要,因此这些属性的相关性将比ion scroll中的overflow更大

您绝对不想使用!重要的是,如果您了解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 
当这些在样式表上组合时,特殊性就加在一起了。 一个元素,带有class.className a,其特殊性为11。 ID为idName a的元素的特异性为101。 一个元素,在一个已分类元素的内部,在一个ID为的元素的内部,将具有111的特异性,依此类推

除非两行CSS具有相同的特异性,否则最高的特异性总是获胜的,最后一行优先

只是使用!重要的是,超越任何细节都不是一个好的做法,因为如果您的代码被移交或需要更新,几乎不可能覆盖

尽管可以使用内联CSS,但也不推荐使用内联CSS,因为最佳实践使用外部样式表

如果可能的话,进入CSS文件,找到与需要重写的内容相对应的行,并在dom中尽可能具体化

如果不是,那么是的,您将不得不使用内联样式


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

您绝对不想使用!重要的是,如果您了解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 
当这些在样式表上组合时,特殊性就加在一起了。 一个元素,带有class.className a,其特殊性为11。 ID为idName a的元素的特异性为101。 一个元素,在一个已分类元素的内部,在一个ID为的元素的内部,将具有111的特异性,依此类推

除非两行CSS具有相同的特异性,否则最高的特异性总是获胜的,最后一行优先

只是使用!重要的是,超越任何细节都不是一个好的做法,因为如果您的代码被移交或需要更新,几乎不可能覆盖

尽管可以使用内联CSS,但也不推荐使用内联CSS,因为最佳实践使用外部样式表

如果可能的话,进入CSS文件,找到与需要重写的内容相对应的行,并在dom中尽可能具体化

如果不是,那么是的,您将不得不使用内联样式


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

从样式表中,您需要!重要的是,如果用javascript重置样式,它将覆盖内联样式,看我是否这样做溢出:隐藏!重要的溢出:隐藏已删除,但溢出-x:滚动和溢出-y:隐藏保持禁用。如果我在应用overflow:hidden之前在开发者工具上手动禁用overflow:hidden!重要的是,它将启用overflow-x和overflow-y,但使用overflow:hidden!重要提示:他们保持禁用状态。添加!重要的是每个溢出-x和溢出-y,并采取的!重要信息:直接溢出。不,你知道的使用!重要的它应该在你的新规则背后!还可以尝试直接内联css,我不确定什么有更好的优先级,完整内联css规则还是重要的!。从样式表中,您需要!重要的是,如果用javascript重置样式,它将覆盖内联样式,看我是否这样做溢出:隐藏!重要的溢出:隐藏已删除,但溢出-x:滚动和溢出-y:隐藏保持禁用。如果我在应用overflow:hidden之前在开发者工具上手动禁用overflow:hidden!重要的是,它将启用overflow-x和overflow-y,但使用overflow:hidden!重要提示:他们保持禁用状态。添加!重要的是每个溢出-x和溢出-y,并采取的!重要信息:直接溢出。不,你知道的使用!重要的它应该在你的新规则背后!还可以尝试直接内联css,我不确定什么有更好的优先级,完整内联css规则还是重要的!。内联样式如何适应CSS级联和特定性?这就是OP所涉及的,内联样式如何适应CSS级联和特定性?这就是行动的意义 向