CSS＜style＞ 中的scoped属性

今天写代码遇到一个问题
element 的 tree组件设置选中的节点高亮 ，虽然 element官方有属性highlight-current，但是不知道为啥我的不起作用，所以最终决定自己写。
其中vue代码如下

<el-tree
highlight-current
 :props="props"
 :load="loadNode"
 @node-click="handleClick"
 lazy

 >
 </el-tree>

css代码如下

<style lang="less" scoped>

.is-expanded .is-current .el-tree-node__label{
    background-color:#ceebff !important;
}

</style>

一开始一直没作用，后来把scoped删掉就成功了。
原因：当style标签有scoped属性时，它的css只作用于当前组件中的元素。
因此无法找到当前组件中的is-expanded类，所以不起作用。
若有不对之处，望大佬指正