HTML/CSS中兄弟选择器

1.相邻兄弟选择器:

    语法:选择器1+选择器2

2.通用兄弟选择器:

    语法:选择器1~选择器2

3.实例:

 <style>
    /* div中后紧紧相邻的兄弟P元素(谁在我下铺的兄弟)--相邻兄弟选择器 */
    div+p{
        /* 语文才会变色.因为兄弟指的是向下紧紧挨着的兄弟 */
        color: red;
    }
    /* 选中div后面所有的兄弟元素(谁在我下铺的所有兄弟)--通用兄弟选择器 */
    div~p
    {
        color: aqua;
    }
 </style>


 <div>课程</div>
 <p>语文</p>
 <p>数学</p>
 <p>英语</p>
 <p>化学</p>

4.注意事项:

两种兄弟选择器,选择的都是下面的兄弟.