1，选择器：选择器的一些基本常用规则基本都记得，w3c上都有，平时也常用，不常用的一些后代选择器经常就忘记了。一些归纳一下后代选择器，加深一下印象：

a：子选择器:   p>a  a是直接是p的儿子，而不是孙子曾孙子。就是儿子，只有一代关系。

b：相邻兄弟选择器： h1 ＋ｐ　h1　和　ｐ　必须拥有相同的父元素。他们是同胞。样式作用在　ｐ　上面。（与ｈ１相邻的ｐ元素）。

 

2，伪类和为元素

a ： 平时也市场在用，尤其是ａ连接的几个伪类。伪类的顺序非常的重要：link-visited-focus-hover-active。

b : 动态伪类可以应用到任何元素，哪些是动态伪类？ 如下： :focus   :hover 

c：  :active和  :focus需要IE8和以上版本支持外，其他的动态伪类选择器所有浏览器都支持。

 

(图片截图自http://blog.csdn.net/atleks/article/details/38966663  )

 

3，伪元素

a,    :first-letter   : first-line 

b,    :first-child  : last-child

c,    :after   :before