求大佬指点哈！vue 给css 添加scope属性提升权重的原理是什么

Question

https://blog.csdn.net/margin_...这篇文章总结的scoped三条渲染规则1.给HTML的DOM节点加一个不重复data属性(形如：data-v-2311c06a)来表示他的唯一性2.在每句css选择器的末尾（编译后的生成的css语句）加一个当前组件的data属性选择器（如[data-v-2311c06a]）来私有化样式3.如果组件内部包含有其他组件，只会给其他组件的最外层标签加上当前组件的data属性问题：为什么给css选择器加上类型.icon[data-v-f61e51ba]这样的属性就会提高其权重？