アプリケーション CSS は BootstrapVue テーブルによってどのようにオーバーライドされますか?

Question

単純な BootstrapVue テーブルがあります。

CSS は App.vue で定義されています。これは App.vue のコードです。

リーリー

これは TestTable.vue のコードです。

リーリー

margin-top: 60px App.vue で定義されています。 TableTest.vue を変更して、App.vue の CSS の余白の上部を覆うようにしたいと考えています。 TableTest.vue には margin-top: 0px が必要です。

私は Vue v2.6 と Bootstrap-vue を使用しています。

Answer 1

あなたは試すことができますmargin-top:-60px;

Answer 2

以前あなたの質問にコメントしましたが、親コンポーネントに margin-top: 60px を適用しましたが、子コンポーネントには独自のボックス モデルがあります。

コード スニペットを追加してコンポーネントの構造を表示します:

リーリー リーリー リーリー