日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

在本章中，我們將研究父選擇器。 可以使用＆(和號)運算符來引用父選擇器。 嵌套規(guī)則的父選擇器由＆運算符表示，并在將修改類或偽類應用于現(xiàn)有選擇器時使用。

下表顯示了父選擇器的類型:

S.N.	類型及描述
1	Multiple & ＆將代表最近的選擇器以及所有父選擇器。
2	更改選擇器順序 在選擇器排序更改時，將選擇器預留到繼承(父)選擇器很有用。
3	組合爆炸 ＆也可以生成列表中所有可能的選擇器排列，并以逗號分隔。

例子

下面的例子演示了在LESS文件中使用父選擇器:

  
  


Welcome to W3Cschool
	

	  
SASS
	  
LESS
	

接下來，創(chuàng)建文件 style.less

style.less

a {
  color: #5882FA;
  &:hover {
    background-color: #A9F5F2;
  }
}

您可以使用以下命令將 style.less 文件編譯為 style.css :

lessc style.less style.css

接下來執(zhí)行上面的命令，它將用下面的代碼自動創(chuàng)建 style.css 文件:

style.css

a {
  color: #5882FA;
}
a:hover {
  background-color: red;
}

在上述示例中，＆引用選擇器 a 。

輸出

讓我們執(zhí)行以下步驟，看看上面的代碼如何工作:

• 將上述html代碼保存在 parent_selector1.htm 文件中。

• 在瀏覽器中打開此HTML文件，將顯示如下輸出。

如果您需要以除默認值之外的其他方式組合嵌套規(guī)則的選擇器，則 Parent選擇器運算符有許多用途。 ＆ 的另一個典型用法是重復生成類名。 有關詳情，請點擊此處。

---

當前題目：創(chuàng)新互聯(lián)less教程：Less父選擇器
鏈接地址：http://www.dlmjj.cn/article/dpiisss.html