如何在一個(gè)組件中修改另一個(gè)組件的樣式

其實(shí)可以直接修改，但是現(xiàn)在vue的style都會(huì)加上scoped，是為了防止樣式污染。這樣也就帶來(lái)了其他的不便，比如今天要解決的這個(gè)問(wèn)題。

使用穿透符號(hào) >>>。表示讓 .wrapper 下面的所有 .swiper-pagination-bullet-active 都加上樣式。
這樣就可以不受scoped的限制

    .wrapper >>> .swiper-pagination-bullet-active
        background:white
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • vue去哪網(wǎng)跟學(xué)筆記 記錄學(xué)習(xí)點(diǎn)滴 1. 初始化項(xiàng)目 1.1 手機(jī)顯示配適 minimum-scale=1.0,m...
    noobakong閱讀 2,420評(píng)論 0贊 16
  • About 有時(shí)候我們?cè)趘ue項(xiàng)目中引入了第三方組件，但是大多數(shù)時(shí)候組件的樣式可能都不滿足我們的需求，這時(shí)候我們需...
    前端艾希閱讀 9,102評(píng)論 3贊 6
  • 引用了第三方庫(kù)或者樣式比較復(fù)雜的時(shí)候，往往使用普通的class方式是不能夠達(dá)到修改樣式的目的的，所以就需要使用Vu...
    toyfish閱讀 2,081評(píng)論 0贊 0
  • 永遠(yuǎn)別讓別人告訴你，你成不了才，包括我也不行。如果你有夢(mèng)想的話，就要去捍衛(wèi)它。那些一事無(wú)成的人才會(huì)想告訴你，你也成...
    晚晚Ruby閱讀 106評(píng)論 0贊 1
  • 你是我從網(wǎng)上購(gòu)來(lái)的，江南的冬天已無(wú)你的蹤影，但我需要你，你的潔白芳香，那份素雅讓生活變得芬芳。 枝頭每一枝都...
    蘭希子閱讀 416評(píng)論 2贊 6

友情鏈接更多精彩內(nèi)容