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