CSS3 新选择器

旧的选择器：

通配符选择器，元素选择器，类选择器,ID选择器，后代选择器

通配选择器：例如我们通常写的

                                * { padding：0；

                                      margin:0；

                                    }

元素选择器：直接输入 div 或者是 p 之类的

ID选择器：如在标签内部定义了一个id值，这时候就可以选择使用id选择器 如；#footer

后代选择器：我们知道html代码是可以嵌套的，这样就会存在一个上下级，也就是我们的父级以及子级的关系

                     我们可以写如这样的 #footer p

 

新增基本选择器
      子元素选择器、相邻兄弟元素选择器、通用兄弟选择器、群组选择器

子元素选择器：

看起来和后代选择器一样，其实不一样

 如：

<div>
        <p>第一层</p>
        <div>
            <p>第一层</p>

       </div>
         <footer>
                <p>第一层</p>
          </footer>
    </div>

div >p 这时候选择的就是“第一层”的内容

相邻兄元素选择器:

书写方式：div >p+div >p

这时候指的就是第二层的内容

通用兄弟选择器：

书写方式：div >p ~div

这时候指的内容是 p 下面d div以及footer元素

群组选择器：

书写方式：div >p ,div>div>p,div>footer>p

这个时候表示的所有的 p 标签