您的位置:首页 > Web前端 > Vue.js

深度选择器 vue-loader相关

2020-07-24 15:38 141 查看

最近做想项目遇到这么个情况:
父组件想改子组件的样式,且子组件是在父组件中遍历,再并且想改的样式并不是子组件最外层的样式,而是其内部的样式。情况略微复杂,简单说就是父组件想改遍历的子组件的内部的样式。看例子吧

例子

父组件

子组件

解释一下:
想在index.vue中改moreContent.vue中class="dashed"的样式

解决

在index.vue的style中写

.more ul>li:last-child /deep/.more_content > .dashed{
border:none;
}

想要学习更多 点击这里

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: