css：选择器

• 上下文选择器

　　 div p {  } //表示所有div 下 的 p 元素

• 类名选择器
• ID选择器
• 直接子元素选择器

　　div  > p  

• 相邻同袍元素

　　div  p+p

• 普通同袍元素

　　div p~p

• 伪类：选择第一个元素 和 最后一个元素

　　：first-child    :last-child

• 选择元素的第一个字母或者第一行

　　：first-letter //第一个字母

　　：first-line  //第一行

　　PS：四个伪元素，::first-letter  ::first-line  ::before  :after

　　　　伪类，：first-child  :last-child   :hover :active

• 按状态选择选择，常用于链接a

　　a:link   a:hover a:active   a:focus   a:vistied

• 按属性选择元素

　　　　1) [attribute="value"]    //attribute的值与value的值完全相等

　　　　2) [attribute ~= "value"]  //属性值为空格分隔的多个单词，value值与其中一个单词完全匹配

　　　　3）[attribute ^="value"]  //属性值以value值开头

　　　　4）[attribute $="value"]  //属性值以value值结尾

　　　　5）[attribute |="value"]   //属性值以value- 开头