Vueのサードパーティコンポーネントのスタイルを変更する

プロジェクトはサードパーティコンポーネントのスタイルを変更していscoped ますが、属性のスタイルの分離により、別のコンポーネント  を削除scoped または開始  する必要がある場合があります  style 。これらのプラクティスは副作用（コンポーネントスタイルの汚染、エレガントではない）をもたらし、スタイルの浸透はCSSプリプロセッサで使用された場合にのみ有効です。

 この問題を使用>>> または  /deep/解決できます 

<style 
scoped > 外层 >>> .el- チェックボックス{ 
  表示：ブロック; 
  フォント - サイズ：26px; 

  .el - checkbox__label { 
    font - size：16px; 
  } 
}
 </ style> 

<style 
scoped > / deep / .el- チェックボックス{ 
  表示：ブロック; 
  フォント - サイズ：26px; 

  .el - checkbox__label { 
    font - size：16px; 
  } 
}
 </ style>