CSS的两个class选择器紧挨在一起

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

                       

有一段HTML代码：

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

    
    
1
   
   

对应有CSS style:

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

    
    
1
    
    
2
    
    
3
    
    
4
    
    
5
    
    
6
   
   

那么出现的效果是：
一个图标，齿轮是白的

当鼠标移到齿轮时，齿轮变黄绿：

解释一下这段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;}
   
   

    
    
1
    
    
2
    
    
3
    
    
4
    
    
5
    
    
6
    
    
7
    
    
8
    
    
9
   
   

           

给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow