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; 
    } 
}