深度選擇器

這時我們就需要一個選擇器能深度的幫助我們找到這個元素，比如 deep vue組件中，在 style 設(shè)置為 scoped 的時候，里面在寫樣式對子組件是不生效的，如果想讓某些樣式對所以子組件都生效，可以使用 /deep/ 深度選擇器。

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有玉州免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

在vue x中，使用scss時，深度選擇器是 ：v-deep ，在vue0中，由于 ：v-deep 已被棄用，采用一種新的語法。如果在vue0中使用 ：v-deep ，沒有任何效果，也不會報錯，就是在編譯的時候會有一個警告。

使用深度選擇器。使用正則匹配。然后再渲染出來，就可以正常了。vue是一個用于創(chuàng)建用戶界面的開源JavaScript框架，也是一個創(chuàng)建單頁應(yīng)用的Web應(yīng)用框架。

vue組件中，在style設(shè)置為scoped時，里面寫的樣式對子組件是不生效的，此時可以使用 /deep/ 深度選擇器。

記得sass中使用/deep/沒問題，但是在scss中使用/deep/報錯了。找到vueguan 網(wǎng)關(guān)于深度選擇器是這樣說的：有些像 Sass 之類的預(yù)處理器無法正確解析 。

CSS引入樣式有哪幾種方法

CSS中可以通過三種方法引入樣式表：（1）內(nèi)聯(lián)樣式（2） 嵌入式樣式（3） 外部樣式這些CSS樣式中的每一種形式都有它們的優(yōu)點和缺點接下來將詳細(xì)的為大家介紹內(nèi)聯(lián)樣式特點：（1）內(nèi)聯(lián)樣式放在代碼中的HTML元素中。

一般來說只有3種：最常用的，引入樣式表，在樣式表中編寫樣式，引入方式如下：在Html頭部用包起來，在這里面編寫樣式：*{padding：0；margin：0}在標(biāo)簽里面直接編寫行內(nèi)樣式。

行內(nèi)樣式 行內(nèi)樣式只能影響它所在的標(biāo)簽，而且總會覆蓋嵌入樣式和鏈接樣式。By adding inline CSS styling to the 嵌入樣式 嵌入樣式的應(yīng)用范圍僅限于當(dāng)前頁面。

在vue中有關(guān)如何使用style的scoped屬性

1、使用方法：style scopedh1 { color： #f00；}/style使用scoped劃分本地樣式的結(jié)果編譯結(jié)果如下：h1[data-v-4c3b6c1c] { color： #f00；}即在元素中添加了一個唯一屬性用來區(qū)分。

2、去掉 scoped在父組件的 style 中去掉 scoped 后，父組件中可以書寫子組件的樣式，但是你會擔(dān)心這樣會污染全局樣式。

3、那么最終B界面name_box的樣式為，字號18px背景顏色為藍(lán)色。但是我們明明只是想設(shè)置背景顏色為藍(lán)色，不要設(shè)置字號。A和B類選擇器名字不要一樣。

4、vue組件中，在style設(shè)置為scoped時，里面寫的樣式對子組件是不生效的，此時可以使用 /deep/ 深度選擇器。

5、解決方法：去掉style標(biāo)簽的scoped 屬性，即使用全局樣式 使用深度作用選擇器/deep/，使用方式：將/deep/ + space空格 添加在第三方樣式類的前面。

6、這次給大家?guī)鞻ue前端開發(fā)有哪些規(guī)范，Vue前端開發(fā)規(guī)范的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下?；赩ueguan 方風(fēng)格指南整理強制 組件名為多個單詞組件名應(yīng)該始終是多個單詞的，根組件 App 除外。