如何在一个组件中修改另一个组件的样式

其实可以直接修改,但是现在vue的style都会加上scoped,是为了防止样式污染。这样也就带来了其他的不便,比如今天要解决的这个问题。

使用穿透符号 >>>。表示让 .wrapper 下面的所有 .swiper-pagination-bullet-active 都加上样式。
这样就可以不受scoped的限制

    .wrapper >>> .swiper-pagination-bullet-active
        background:white

你可能感兴趣的:(如何在一个组件中修改另一个组件的样式)