css3层级选择器、属性选择器、伪类选择器（结构和目标）

1、渐进增强和优雅降级 

一、结构伪类选择器的介绍

2、层级选择器

代码：

 结果：

我们发现当我们选择box选择器下面的li标签时，所有的里标签都被选择了，但是如果我们只想选择第三个li标签下面ul里面的标签呢，思路是我们给最里面li标签加上选择器，那我们要是还想选择最里面第二个li标签呢，要一直加选择器会很费事，所以我们可以用这节课讲的“层级选择器”来选择：代码：

 结果：

 我们可以在第一个li标签身上加选择器，然后使用“+”，选择它下面的li标签，加号的含义是选择它下面的第一个亲兄弟标签，加class=“child”下面第一个亲兄弟li标签就在它下面，所以样式就加在了444身上，还有选择它下面所有的兄弟标签，看下面代码：

 结果：

 要想选择加有选择器的标签下面的所有兄弟标签，格式是“.child~li”(拿上面的例子举例），中间是“~”波浪号

3、属性选择器

代码：