有一段HTML程式碼：

<a class="glyphicons white no-js cogwheel" href="#" target="_blank"><i></i></a>

對應有CSS style:

.glyphicons.white i:before {
  color: #fff;
}
.glyphicons.white:hover i:before {
  color: #b6ff00;
}

那麼出現的效果是：
一個圖示，齒輪是白的

當滑鼠移到齒輪時，齒輪變黃綠：

解釋一下這段CSS程式碼給自己聽

/*當有元素同時包含 "glyphicons" 和 "white" class，並且擁有子元素<i>的時候，在<i>前面設定顏色為白色的style*/
 

.glyphicons.white i:before {
  color: #fff;
}

/*當有元素同時包含 "glyphicons" 和 "white" class，並且擁有子元素<i>的時候，當滑鼠懸停其上，則在<i>前面設定顏色為#b6ff00(黃綠)的style*/
.glyphicons.white:hover i:before {
  color: #b6ff00;
}