深度选择器 vue-loader相关

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

例子

父组件

子组件

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

解决

在index.vue的style中写

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

想要学习更多 点击这里