CSS!重要的内联样式被覆盖

时间:2018-07-22 18:09:37

标签: html css css3 css-specificity bulma

我正在使用Bulma创建网站,并且在 Hero 组件中使用 Tabs 组件时遇到了一个奇怪的问题。 Tabs的margin-bottom默认为 1.5rem 。但是,这不是我想要的,我想删除它。我尝试使用!important,使用了id,还使用了内联样式来尝试覆盖此样式,但是没有一个起作用。在这方面的任何帮助将不胜感激。我在这篇文章中附上了HTML和CSS规则。我什至尝试将!important与内联样式一起使用,但没有一个起作用。 我也要注意底边 screenshot

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

有两种处理方法,line 2, characters 7-10: Error: This expression has type bytes but an expression was expected of type children:'a -> 'b margin-bottom: 0在CSS中默认为0。正确的方法是最初的方法,但任何一种都可以