vuecss改变局部样式scope
Vue中style标签的scoped属性表⽰它的样式只作⽤于当前模块，是样式私有化.
渲染的规则/原理：给HTML的DOM节点添加⼀个 不重复的data属性 来表⽰ 唯⼀性在对应的 CSS选择器 末尾添加⼀个当前组件的 data属性选择器来私有化样式
问题：使⽤了scoped属性后，我们组件内部的样式⽆法在外部被控制，（怎么就是改不了样式，... 我要疯了咋没反应）
css 属性选择器解决⽅案：deep属性
.result-tab /deep/ { .nav-bar { a { flex: initial; height: 50px; font-size: 36px; margin-left: 40px; line-height: 100px; height: auto; } } .result-content { padding: 0 40px; }}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。