提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

css3 - 层次选择器

css3 选择器 层次
2023-09-11 14:14:38 时间 
 div div {
            background: orange;
        }
        
        body>div {
            background: green;
        }
        
        .active+div {
            background: lime;
        }
        
        .active~div {
            background: red;
        }

 

div div ：说明div标签与div标签才生效

body>div：说明body下面的div标签全部生效

.active+div:说明active类下面的第一个div生效

.active~div:说明active类下面的所有div都生效

相关文章