中使用深度選擇器影響子元件

2022-01-15 06:20:51 字數 254 閱讀 9285

摘自:

中使用深度選擇器影響子元件

在樣式中使用深度選擇器影響子元件,可以使用 >>> 操作符,使用如下

.middlecontainerpage >>>.el-button--primary

在 scss / sass 之類的預處理器無法正確解析 >>>, 所以 /deep/ 操作符取而代之,**如下

.middlecontainerpage /deep/.el-button--primary

注意事項:

後代選擇器和子選擇器

後代選擇器 h1 em 選擇器可以解釋為 作為 h1 元素後代的任何 em 元素 有關後代選擇器有乙個易被忽視的方面,即兩個元素之間的層次間隔可以是無限的。例如,如果寫作 ul em,這個語法就會選擇從 ul 元素繼承的所有 em 元素,而不論 em 的巢狀層次多深。div01 ul li div0...

子選擇器 相鄰兄弟選擇器

今天新學習的關於css的各種選擇器,其中子選擇器和相鄰兄弟選擇器比較重要,可以大大的減少文件中class特性的數量。下面用乙個簡單的例子介紹一下他們的用處。事例中需要表達的樣式為 第乙個段落無邊框也無背景色 所有中的段落都有邊框 最後3個段落背景色為灰色 相鄰兄弟選擇器 title 5 style ...

vue deep 深度選擇器

在vue中,如果css加上了scoped作用域,生成的css會加上作用域屬性,如 el form data v a3ccadca el input inner data v a3ccadca el input inner是子元件el input內部生成的,並無 data v a3ccadca 屬性,...