CSS !important 和内联样式被覆盖

CSS !important and inline style being overwritten

我正在使用 Bulma 创建一个网站,在 Hero 中使用 Tabs 组件时我遇到了一个奇怪的问题] 零件。默认情况下,选项卡的 margin-bottom1.5rem。但是,这不是我想要的,我想删除它。我尝试使用 !important,使用 id 并使用内联样式来尝试覆盖此样式,但其中 none 有效。在这方面的任何帮助将不胜感激。我附上了 HTML 和 CSS 规则以及此 post。我什至尝试过将 !important 与内联样式一起使用,但它的 none 有效。 我也有,取消保证金底部

尝试 margin-bottom: 0 而不是 margin-bottom: none。因为 none 不是保证金的有效值。

有两种方法可以接近它,margin-bottom: 0margin-bottom: initial,在 CSS 中默认为 0。正确的方法是初始的,但任何一个都应该没问题