案例 element 表單名兩端對齊

 

 

 

 

   >>> .el-form-item label:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  >>>.el-form-item__label {
    text-align: justify;
    height: 50px;
  }

vue引用了第三方組件，需要在組件中局部修改第三方組件的樣式，而又不想去除scoped屬性造成組件之間的樣式污染。此時只能通過>>>，穿透scoped。

有些Sass 之類的預處理器無法正確解析 >>>。可以使用 /deep/ 操作符( >>> 的別名)

<style scoped>

  外層 >>> 第三方組件 {

      樣式

  }

/deep/  第三方組件 {

      樣式

  }

</style>