結(jié)合設(shè)計經(jīng)驗與營銷實踐，提供有價值的互聯(lián)網(wǎng)資訊
發(fā)布日期：2022-01-20瀏覽次數(shù)：870 來源：4528
今天看到一段用scss寫的工作代碼：
.el-checkbox__inner { &:hover { border-color: #42b983; } }
其中，&的作用是什么呢？我查閱了以下資料，&是父選擇器標(biāo)識符。
即可把以上代碼編譯成
.el-checkbox__inner:hover { border-color: #42b983; }
當(dāng)然，&父選擇器標(biāo)識符并不僅僅用于鏈接偽類選擇器，看如下scss代碼實例：
#content aside { color: red; body.ie & { color: green } }
編譯為css代碼如下：
#content aside {color: red}; body.ie #content aside { color: green }
微信便捷交流