SAAS CSS css修復包裝在自定義類名中？

Question

所以我有這個長的css元素選擇器角材料md標籤活動文本。我想在標籤變得活躍時更改標籤標籤的文本顏色，我在網上發現，這是選擇器要走過去，它工作，但我正在一個大型項目，所以我只想改變一個特定的md-選項卡不是項目中的每個md-tab。那麼我怎樣才能用類名來包裝這個長選擇器呢？所以這種方式只有當我使用這個類名時，這個選擇器纔會起作用。

md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon { 
 
    color: rgb(130,152,86) !important; 
 
}

Answer 1

總結你的CSS中的一類，它是你使用的是專用機牀標籤寫入。

HTML：

<div class="my-div-used-this-md-tabs"> 
    <md-tabs></md-tabs> 
</div> 

SCSS：

.my-div-used-this-md-tabs { 
    md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon { 
    color: rgb(130,152,86) !important; 
    } 
}