這時(shí)我們就需要一個(gè)選擇器能深度的幫助我們找到這個(gè)元素,比如 deep vue組件中,在 style 設(shè)置為 scoped 的時(shí)候,里面在寫樣式對(duì)子組件是不生效的,如果想讓某些樣式對(duì)所以子組件都生效,可以使用 /deep/ 深度選擇器。
10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有玉州免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
在vue x中,使用scss時(shí),深度選擇器是 :v-deep ,在vue0中,由于 :v-deep 已被棄用,采用一種新的語法。如果在vue0中使用 :v-deep ,沒有任何效果,也不會(huì)報(bào)錯(cuò),就是在編譯的時(shí)候會(huì)有一個(gè)警告。
使用深度選擇器。使用正則匹配。然后再渲染出來,就可以正常了。vue是一個(gè)用于創(chuàng)建用戶界面的開源JavaScript框架,也是一個(gè)創(chuàng)建單頁應(yīng)用的Web應(yīng)用框架。
vue組件中,在style設(shè)置為scoped時(shí),里面寫的樣式對(duì)子組件是不生效的,此時(shí)可以使用 /deep/ 深度選擇器。
記得sass中使用/deep/沒問題,但是在scss中使用/deep/報(bào)錯(cuò)了。找到vueguan 網(wǎng)關(guān)于深度選擇器是這樣說的:有些像 Sass 之類的預(yù)處理器無法正確解析 。
CSS中可以通過三種方法引入樣式表:(1)內(nèi)聯(lián)樣式(2) 嵌入式樣式(3) 外部樣式這些CSS樣式中的每一種形式都有它們的優(yōu)點(diǎn)和缺點(diǎn)接下來將詳細(xì)的為大家介紹內(nèi)聯(lián)樣式特點(diǎn):(1)內(nèi)聯(lián)樣式放在代碼中的HTML元素中。
一般來說只有3種:最常用的,引入樣式表,在樣式表中編寫樣式,引入方式如下:在Html頭部用包起來,在這里面編寫樣式:*{padding:0;margin:0}在標(biāo)簽里面直接編寫行內(nèi)樣式。
行內(nèi)樣式 行內(nèi)樣式只能影響它所在的標(biāo)簽,而且總會(huì)覆蓋嵌入樣式和鏈接樣式。By adding inline CSS styling to the 嵌入樣式 嵌入樣式的應(yīng)用范圍僅限于當(dāng)前頁面。
1、使用方法:style scopedh1 { color: #f00;}/style使用scoped劃分本地樣式的結(jié)果編譯結(jié)果如下:h1[data-v-4c3b6c1c] { color: #f00;}即在元素中添加了一個(gè)唯一屬性用來區(qū)分。
2、去掉 scoped在父組件的 style 中去掉 scoped 后,父組件中可以書寫子組件的樣式,但是你會(huì)擔(dān)心這樣會(huì)污染全局樣式。
3、那么最終B界面name_box的樣式為,字號(hào)18px背景顏色為藍(lán)色。但是我們明明只是想設(shè)置背景顏色為藍(lán)色,不要設(shè)置字號(hào)。A和B類選擇器名字不要一樣。
4、vue組件中,在style設(shè)置為scoped時(shí),里面寫的樣式對(duì)子組件是不生效的,此時(shí)可以使用 /deep/ 深度選擇器。
5、解決方法:去掉style標(biāo)簽的scoped 屬性,即使用全局樣式 使用深度作用選擇器/deep/,使用方式:將/deep/ + space空格 添加在第三方樣式類的前面。
6、這次給大家?guī)鞻ue前端開發(fā)有哪些規(guī)范,Vue前端開發(fā)規(guī)范的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。基于Vueguan 方風(fēng)格指南整理強(qiáng)制 組件名為多個(gè)單詞組件名應(yīng)該始終是多個(gè)單詞的,根組件 App 除外。
標(biāo)題名稱:css樣式私有化方法 css樣式權(quán)限
當(dāng)前網(wǎng)址:http://jinyejixie.com/article4/dgispie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站排名、建站公司、關(guān)鍵詞優(yōu)化、網(wǎng)站收錄、動(dòng)態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)