scss 父選擇器識別符號

2021-09-27 20:46:25 字數 794 閱讀 9177

在使用選擇器巢狀的時候有一種情況需要特別注意,先看一段scss**例項:

.text a }

也許寫此段**目的是為了將其編譯成如下css**:

.text a .text a:hover

但是現實並非如此,它會按照選擇器巢狀原則將其編譯成如下css**:

.text a .text a :hover

上面的**實現的效果是: class為text的所有後代a標籤的所有後代元素,當滑鼠懸浮時,字型顏色都會變為紅色。

這個時候就可以使用&父選擇器識別符號,它的作用就相當於乙個父選擇器的佔位符。可以實現class為text的所有後代a標籤的元素,當滑鼠懸浮時,字型顏色都會變為紅色。

.text a }

上面的**編譯的時候,會將&替換為父選擇器a,編譯後的css**如下:

.text a .text a:hover

當然,&父選擇器識別符號並不僅僅用於鏈結偽類選擇器,看如下scss**例項:

#content aside }

編譯為css**如下:

#content aside ;

body.ie #content aside

更多專業前端知識,請上

【猿2048】www.mk2048.com

scss 父選擇器識別符號

在使用選擇器巢狀的時候有一種情況需要特別注意,先看一段scss 例項 text a 也許寫此段 目的是為了將其編譯成如下css text a text a hover 但是現實並非如此,它會按照選擇器巢狀原則將其編譯成如下css text a text a hover 上面的 實現的效果是 clas...

NHibernate 的 ID 標識選擇器

在 hibernate 中,每個物件需要乙個標識 id,通過這個標識 id 建立物件與資料庫中記錄的對應關係。nhibernate 提供了多種方式來建立這個 poid。基於不同的生成策略,可以選擇更佳的方式。首先是賦值方式 assigned,這種方式需要應用程式賦予物件乙個標識 id,這種情況典型地...

jQuery父類子類選擇器彙總

jquery.parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class jquery.parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 jquery.childre...