css3属性选择器，“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解

1、>(大于号) 子元素选择器

选择某元素后面的第一代子元素

2、~（波浪号）

~波浪号的意思是 选取 某个元素之后的所有相同元素

.box~p 这句就是 选取 .box 后面所有的 p

3、,（逗号）群组选择器

可以对选择器进行分组，被分组的选择器就可以分享相同的声明

4、+（加号）相邻兄弟选择器

可选择紧接在另一元素后的元素，且二者有相同父元素

<div class="title">
          <p>成都参与式预算研究</p>
          <em>Researches on Chengdu PB</em>
</div>


<style>
     p+em{
        color: red;
    }
</style>