日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)less教程:Less父選擇器

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


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

S.N. 類型及描述
1 Multiple &

將代表最近的選擇器以及所有父選擇器。
2 更改選擇器順序

在選擇器排序更改時(shí),將選擇器預(yù)留到繼承(父)選擇器很有用。
3 組合爆炸

也可以生成列表中所有可能的選擇器排列,并以逗號(hào)分隔。

例子

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



  
  Parent Selector


Welcome to W3Cschool


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

style.less

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


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

lessc style.less style.css


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

style.css

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


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


輸出

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

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

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


如果您需要以除默認(rèn)值之外的其他方式組合嵌套規(guī)則的選擇器,則 Parent選擇器運(yùn)算符有許多用途。 & 的另一個(gè)典型用法是重復(fù)生成類名。 有關(guān)詳情,請(qǐng)點(diǎn)擊此處。



文章題目:創(chuàng)新互聯(lián)less教程:Less父選擇器
轉(zhuǎn)載注明:http://www.5511xx.com/article/dpiisss.html