1  2  3  4     
      5      6     11 12 13     
this text is very important!
14     
     
      15         
      
Contextual selector are very selective
16         
      
this example shows how to target a specific tag.
17     
     
18     
     
      19         
      
Contextual selectors are very useful!
20     
     
21 22 

1、上下文选择器：基于祖先或者同胞元素选择一个元素。

标签1 标签2 {声明}

其中，标签2是我们想要选中的目标，而且只有在标签1是其祖先元素的情况下才会被选中。

上下文选择器，严格来讲，叫后代组合式选择器，就是一组以空格分隔的标签名。用于选择作为指定祖先元素后代的标签。只要有标签在它的层次结构“上游”存在这么一个祖先，那么就会选中该标签。无论从该标签到作为祖先的上下文之间隔着多少层次都没有关系。

上面的例子表示的是，基于祖先元素选择em元素，使处于不同标签下的em呈现不同的状态。

特殊的上下文选择符：

1.1、子选择符>

标签1 > 标签2

标签2必须是标签1的子元素。与其他常规的上下文选择符不同，这个选择符中的标签1不能使标签2的父元素之外的其他祖先元素

1.2、紧邻同胞选择符 +

标签1 + 标签2

标签2必须紧跟在其同胞标签1的后面

1.3、一般同胞选择符 ~

标签1 ~ 标签2

标签2必须在（不一定紧挨着）其同胞标签1后面

1.4、通用选择符 *

*（常称为星号选择符）是一个通配符，它匹配任何元素

* {color:green;}

会导致所有元素（的文本和边框）都变成绿色。

1  2  3  4     
      5      6     12 13 14     
     
      15         
      
An H2 Heading
16         
      
this is paragraph 1
17         
      
paragraph 2 has a link in it.
18         
      Link19     
     
20 21