Java教程

6.层次选择器

本文主要是介绍6.层次选择器，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

6.层次选择器

代码部分:

  1. 后代选择器

     /*后代选择器*/
 body p {
     background: red;
 }

     

  2. 子选择器

     /*子选择器*/
 body>p {
     background: greenyellow;
 }

     

  3. 相邻兄弟选择器

     /*相邻兄弟选择器: 只有一个, 相邻(向下)*/
 .active + p{
     background: hotpink;
 }

     

  4. 通用选择器

     /*通用兄弟选择器: 当前选中元素的向下的所有兄弟元素*/
 .active~p {
     background: indigo;
 }

     

笔记部分:

 

 

 

 

 

 

这篇关于6.层次选择器的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航