CSS的两个class选择器紧挨在一起
2020-05-04 12:20
1111 查看
有一段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; }lmy992370268 原创文章 5获赞 0访问量 200 关注 私信
相关文章推荐
- CSS的两个class选择器紧挨在一起
- CSS的两个class选择器紧挨在一起
- [HTML] CSS Id 和 Class选择器
- (十三)学习CSS之两个class连一起隔空格和逗号
- css 中两个class之间没有空格与有空格有什么区别
- CSS ID选择器与CLASS选择器
- css中选择器何时使用id/class
- css中class后面跟两个类
- css 中多个class选择器的详解
- css中.class和id选择器的异同点
- web前端-CSS id和Class选择器-002
- css中的ID选择器和CLASS选择器的区别
- CSS学习笔记之class选择器
- CSS 多类选择器一个class值包含一个词列表,或分开包含时的选择
- CSS的Class以及ID选择器
- css基本选择器,id选择器,class选择器,标签选择器,*通配符选择器,逗号 空格 + >
- css 中两个class之间没有空格与有空格有什么区别
- css多个class时的选择器用法
- 简单Html+CSS引用方式和id、class选择器
- css基础 交集选择器 为指定标记中的指定的class添加样式