BootstrapVue 테이블이 애플리케이션 CSS를 어떻게 재정의하나요?

Question

간단한 BootstrapVue 테이블이 있습니다.

코드의 App.vue 中定义。这是 App.vueCSS.

으아아아

이것은 TestTable.vue의 코드입니다.

으아아아

margin-top: 60px 在 App.vue 中定义。我想修改 TableTest.vue ，使其覆盖 App.vue 中 CSS 的边距顶部。我想要 margin-top: 0px 用于 TableTest.vue.

저는 Vue v2.6과 Bootstrap-vue를 사용하고 있습니다.

Answer 1

시도해 보세요margin-top:-60px;

Answer 2

전에 귀하의 질문에 대해 댓글을 달았는데, 상위 구성 요소에 margin-top: 60px를 적용하셨고 하위 구성 요소에는 자체 상자 모델이 있습니다.

구성 요소의 구조를 표시하는 코드 조각을 추가하세요.

으아악 으아악 으아악