福州網(wǎng)站建設(shè)>網(wǎng)站新聞>uni-app使用問題 	
        
 
        

        
        
        
            
        
                
        scss之&的用法
        
                
                
        發(fā)布日期：2022-01-20瀏覽次數(shù)：812  來源：4528  
        
                
            
        
        
        
        
        
            
         
        
	今天看到一段用scss寫的工作代碼：

        

        

        .el-checkbox__inner {   &:hover {
    border-color: #42b983;   } }
        

        

        
	其中，&的作用是什么呢？我查閱了以下資料，&是父選擇器標(biāo)識符。

        

        
	即可把以上代碼編譯成

        

        

        .el-checkbox__inner:hover { border-color: #42b983;
}
        

        

        
	當(dāng)然，&父選擇器標(biāo)識符并不僅僅用于鏈接偽類選擇器，看如下scss代碼實(shí)例：

        

        

        #content aside { color: red; body.ie & { color: green } }
        

        

        
	編譯為css代碼如下：

        

        

        #content aside {color: red};
body.ie #content aside { color: green }
        

         

                                 
        
        



        
        

        
        
            
        
            	上一篇：關(guān)于nuiapp檢測升級app并自動安裝的代碼分享
                                
                下一篇：this.$nextTick不起效果，很多時候修改一個值的時候頁面沒有變化，使用nextTick也不起效果

                            返回欄目列表
                            
        
        
        

         
        
             
             
        與uni-app使用問題有關(guān)的文章
        
             
            
        
        
        

           
        
 

        
    
    
        
        如果您有什么問題，歡迎咨詢我們客服！
        點(diǎn)擊QQ咨詢