視頻中老師的圖標只有一個，他應該只是用一個圖標給我們作示范，實際上都是雪碧圖，可以通過background-position和background-size來設置。比如一張寬40px的雪碧圖，第一個圖標位于雪碧圖左上角可以寫成如下，雪碧圖的第二個圖標則需要自己量取一下第二個圖標的開始位置來改變background-position的值

.icon {

? ? ?display:inline-block;??????

? ? ?width:px2rem(21px);

????? height:px2rem(21px);

???? ?background: url("雪碧圖") no-repeat;

????? background-position: 0 px2rem(21px);

????? background-size:px2rem(40px) auto;

}

https://www.cnblogs.com/xbcq/p/5873535.html