在/deep/vue中,當< style>標籤有scoped屬性是,它的css製作用與當前元件的元素.也就是在我們日常開發中,父元件不能直接作用於子元件,這時候有兩個方法:
一是把
scoped去掉,但是這樣的話不僅是自己會影響別的元素,別的元素也會影響自身,所以這個方法一般不會使用.二是在樣式前面新增
/deep/或::v-deep,還有個>>>,箭頭方法會有相容問題,像sass之類的預處理器無法正確解析應用場景一：父元件影響子元件
應用場景二：在頁面中印象引入的樣式
/deep/
.van-uploader__upload
:
:v-deep.van-uploader__upload
css三種選擇器
1.選擇器 2.派生選擇器 我是粗體字，不是斜體字，因為我不在列表當中，所以這個規則對我不起作用 我是斜體字。這是因為 strong 元素位於 li 元素內。我是正常的字型。3.id選擇器 我的id是red，使用id選擇器 aaaa bbbb 4.id 選擇器用於建立派生選擇器 我只符合id選擇器，...
CSS的三種使用方式以及常用的選擇器
一 css的三種使用方式 1.內聯樣式 在標籤內使用style屬性指定css 如 hello css 2.內部樣式 在head標籤內，定義style標籤，style標籤的標籤體內容就是css 如 hello css 3.外部樣式 1.定義css資源檔案。2.在head標籤內，定義link標籤，引入外...
CSS的三種基礎選擇器
css中三種最基本的選擇器 標籤選擇器 乙個 html 頁面是通過很多標籤組成的，css 標籤選擇器就是用來宣告這些標籤的，因為每乙個 html 標籤的名稱都可以作為相應的標籤選擇器的名稱。示例 下面是一段html 我愛學習，學習使我快樂。如果我們要為這兩個標籤定義 css 樣式，就可以直接在 cs...