CSS选择器详解二

CSS的伪类选择器:

E:link ;//匹配所有未被点击的链接
E:visited ;//匹配所有已被点击的链接
E:active ;//匹配鼠标已经其上按下、还没有释放的E元素
E:hover ;//匹配鼠标悬停其上的E元素
E:focus ;//匹配获得当前焦点的E元素

E:enabled ;//匹配表单中激活的元素

E:disabled ;//匹配表单中禁用的元素
E:checked ;//匹配表单中被选中的radio（单选框）或checkbox（复选框）元素
E::selection;//匹配用户当前选中的元素

E:first-child ;//匹配其父元素的第一个子元素E

E:last-child;//匹配其父元素的最后一个子元素E

E:nth-child(n);//匹配其父元素的第n个子元素，第一个编号为1（即E元素的父元素的第n个子元素,包含其他子元素)
E:nth-last-child(n);//匹配其父元素的倒数第n个子元素，第一个编号为1

E:only-child;//匹配父元素下仅有的一个子元素的E元素
E:nth-of-type(n);//与:nth-child()作用类似，但是仅匹配使用同种标签的元素（即E元素的父元素的第n个子元素,不包含其他子元素，只匹配E元素)
E:nth-last-of-type(n);//与:nth-last-child() 作用类似，但是仅匹配使用同种标签的元素
E:first-of-type;//匹配父元素下使用同种标签的第一个子元素，等同于:nth-of-type(1)
E:last-of-type;//匹配父元素下使用同种标签的最后一个子元素，等同于:nth-last-of-type(1)
41. E:only-of-type 匹配父元素下使用同种标签的唯一一个子元素，等同于:first-of-type:last-of-type
或 :nth-of-type(1):nth-last-of-type(1)
42. E:empty 匹配一个不包含任何子元素的元素，注意，文本节点也被看作子元素

反伪类选择器：

E:not(s) ;//匹配不符合当前选择器的任何元素

伪元素选择器:

E:first-line;//匹配E元素的第一行
E:first-letter;//匹配E元素的第一个字母
E:before;//在E元素之前插入生成的内容
E:after;//在E元素之后插入生成的内容

• 
  

  this is li1.

  
  this is a1.
  this is a2.
  this is a3.
  this is a4.
  


• 
  

  this is li2.

  
  this is a5.
  this is a6.
  this is a7.
  this is a8.
  this is a8.
  this is a10.
  姓名：