在使用選擇器巢狀的時候有一種情況需要特別注意,先看一段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...