层次选择器

1.子代选择器 父元素>子元素

2.后代选择器 祖先元素 后代元素 （后代元素是包括子元素）

3.兄弟选择器

兄弟1+兄弟2 选择后面第一个兄弟元素

例：

.second+li {
           color: lightgreen;
      }
       
       
<ul>
       <a href="#">秦竟</a>
       <li>
           <a href="#">lorem1</a>
       </li>
       <li class="second">lorem2</li>
       <li>lorem3</li>
       <li>lorem4</li>
       <a href="#">ul中的a标签</a>
   </ul>  
  这里选中的是<li>lorem3</li>

兄弟1~兄弟2 选择兄弟1后面的所有兄弟2元素

例：

.second~a {
           color: aquamarine;
      }
       
       
       
<ul>
       <a href="#">秦竟</a>
       <li>
           <a href="#">lorem1</a>
       </li>
       <li class="second">lorem2</li>
       <li>lorem3</li>
       <li>lorem4</li>
       <a href="#">ul中的a标签</a>
   </ul>
这里选中的是<a href="#">ul中的a标签</a>