Css3选择器-伪类选择器

一、动态伪类

      动态伪类,因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来,动态伪类包含两种,第一种是我们在链接中常看到的锚点伪类,如":link",":visited";另外一种被称作用户行为伪类,如“:hover”,":active"和":focus"。

      对于:hover在IE6下只有a元素支持,:active只有IE7-6不支持,:focus在IE6-7下不被支持。

三、CSS3的:nth选择器

  1.  first-child选择某个元素的第一个子元素;
  2.  last-child选择某个元素的最后一个子元素;
  3.  nth-child()选择某个元素的一个或多个特定的子元素;
  4.  nth-last-child()选择某个元素的一个或多个特定的子元素,从这个元素的最后一个子元素开始算;
  5.  nth-of-type()选择指定的元素;
  6.  nth-last-of-type()选择指定的元素,从元素的最后一个开始计算;
  7.  first-of-type选择一个上级元素下的第一个同类子元素;
  8.  last-of-type选择一个上级元素的最后一个同类子元素;
  9.  only-child选择的元素是它的父元素的唯一一个了元素;
  10.  only-of-type选择一个元素是它的上级元素的唯一一个相同类型的子元素;
  11.  empty选择的元素里面没有任何内容。

    三、否定选择器(:not)

  12.       否定选择器和jq中的:not选择器一模一样,就拿form中的元素来说明这个选择器的用法,比如你想对form中所有input加边框,但又不想submit也起变化,此时就可以使用:not为实现
  13. 否定选择器 :not(),可以让你定位不匹配该选择器的元素。IE6-8浏览器不支持:not()选择器
  14. 四、伪元素

  15.       CSS中的伪元素大家以前看过::first-line,:first-letter,:before,:after;那么在CSS3中,他对伪元素进行了一定的调整,在以前的基础上增加了一个“:”也就是现在变成了“::first-letter,::first-line,::before,::after”另外他还增加了一个“::selection”,两个“::”和一个“:”

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。