css3开发：伪类选择器的使用

学过css的人必定知道选择器。

通常的选择器有类选择器，id选择器，元素选择器（又称伪元素选择器），这三种最为常用，本文不再鳌述。

还比较常见的是通配符选择器，写法为*{属性：值}，它是浏览器html默认样式，不过权重为0，它的使用大多是为了消除浏览器默认样式，定义自己的浏览器样式。

其次是组合选择器和性选择器，这两类选择器如果有机会以后再谈。

最后就是本文要讲的伪类选择器，要讲之前得先说说css样式的优先级：

        值+import（权重最高，无视一切规则，不过在IE6以上版本已经不再支持）>inline 样式>id选择器>class选择器=伪类选择器>元素选择器=性选择器>通配符选择器

因为组合选择器比较特殊，权重需要根据不同组合情况进行对比，所以不再此排列之中，如下图的优先级顺序：

    

那么什么优势伪类选择器呢？

伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。

       简单来讲，伪类的类是已经存在的选择器，在这个选择器的身上加一个动态的效果，就是伪类：

比如

        .a li{
background-color:red;

          }

  .a li:hover{
background-color:blue

 }

当我们的鼠标悬浮于a选择器的li的内容是，颜色将会由红转蓝。其中组合选择器已经定义过了，加上hover，就成了伪类。

常见的伪类有如下几种：

此外还有nth-child()和:nth-of-type()，:not等，详细请查询css手册。