通常情況下，我們寫(xiě)樣式穿透都是用 >>> ，或者 /deep/

<style scoped>

// 第一種常用方式
>>> class-name{}

// 第二種常用方式
/deep/ class-name{}

</style>

以上這兩種方式正常情況下使用都沒(méi)有問(wèn)題，但在scss，less，sass等解析器中，>>>,/deep/可能都無(wú)法使用，這種情況可以采用::v-deep，詳見(jiàn) vue官方文檔，關(guān)于Scoped CSS介紹

<style lang="scss" scoped>

// 第三種常用方式
::v-deep class-name{}

</style>

微信小程序上，有可能會(huì)出現(xiàn)用了 >>>，/deep/，::v-deep 都不行的情況，這種情況下是由于微信官方的組件樣式隔離，此時(shí)可在父子組件的 data 同級(jí)設(shè)置 option，微信官方文檔解釋

export default {  
  options: { styleIsolation: 'shared' }  
}

`styleIsolation` 選項(xiàng)從基礎(chǔ)庫(kù)版本 2.6.5 開(kāi)始支持。它支持以下取值：
    `isolated` 表示啟用樣式隔離，在自定義組件內(nèi)外，使用 class 指定的樣式將不會(huì)相互影響（一般情況下的默認(rèn)值）；
    `apply-shared` 表示頁(yè)面 wxss 樣式將影響到自定義組件，但自定義組件 wxss 中指定的樣式不會(huì)影響頁(yè)面；
    `shared` 表示頁(yè)面 wxss 樣式將影響到自定義組件，自定義組件 wxss 中指定的樣式也會(huì)影響頁(yè)面和其他設(shè)置了 `apply-shared` 或 `shared` 的自定義組件。（這個(gè)選項(xiàng)在插件中不可用。）