使用角度删除元素的边距

Question

我想从元素中删除边距。这个边际是由离子产生的 这是我要从中删除边距的元素：

我在page-table-view page-board

的子页面

我尝试使用此代码删除保证金：

   if (document.querySelector('.scroll-content')) {
       this.scrollContentElements = document.querySelectorAll('.scroll-content');    
   }

   if (this.scrollContentElements) {    
       this.scrollContentElements[1].style.marginTop = '0';
       this.scrollContentElements[1].style.marginBottom = '0';
   }

当我console.log(this.scrollContentElements)时，我发现了这个：

outerHTML:"<div class="scroll-content" style="margin-top: 0px; margin-bottom: 0px;">↵↵</div>"

但视图中没有任何变化

我该如何解决这个问题？

注意：

像这样更改CSS：

.scroll-content {    
    margin-top:0px !important;
}

更改此页面，但也会更改所有其他页面。

Answer 1

SASS

page-board {
    .scroll-content {
        margin-top: 0px !important;
    }
}

<强> CSS-specificity
＆＃39;特异性是浏览器决定哪些CSS属性值与元素最相关的方式，因此将被应用。特异性基于由不同种类的CSS选择器组成的匹配规则。＆＃39; - MDN