Question

css中的伪类和类的区别是什么？？

谢谢！！

Answer 1

这是两个完全不同的概念，只是名字类似。

1. 类是class的意思，你给一个元素添加了class，就是给这个元素添加了一个类。之所以这样称呼，是因为class可以重复利用。比如你给一个ul下的奇数的li加了一个odd的class名称，给偶数的li加了一个even的class，然后一个给红色背景，一个给蓝色背景，这样，明显就把li分成了两类。甚至一个网页、一个网站都可以出现一个class通用的情况。

2. 伪类是：也可以用来区分元素，但是都是按顺序来的。写法是前面有个冒号。比如css3的first-child、last-child等，这个都是新版本的css才有的，低版本的IE是不能用的，如IE8。

3. 总结一下：类其实就是给某个或者某些元素起一个名字，进而控制这个或者这个元素；伪类是按顺序来选择某些元素的，这个结果是动态的，比如第一个，最后一个，奇数行什么的。另外，因为伪类是添加在元素后面的，而类就是选择元素用的，所以类后面可以跟伪类进行使用的，这就更高级了。

4. 另外，伪类还有一些特殊的，比如a标签的四个伪类，还有::after和::before（这两个的用法简直神奇，这俩货简直就是神器）。这些参考http://www.w3school.com.cn/这个网站吧。
   

Answer 2

在学习CSS，以及应用DW时，经常看到这样一个词语：类和伪类。 开始我也一直不明白二者究竟有什么区别。查资料也很不好理解。 在阅读《网站重构（应用WEB标准进行设计）》的时候我才真正的理解。其中它给的解释是： 在CSS的思考方式里，‘真’类的属性使用class= 的属性来明确指定， 伪类依赖于用户或者浏览器到活动状态。 具体解释就是：类不需要用户或者浏览器做什么动作以及状态就可以显示的效果。而伪类是需要用户做出某种动作之后才显示的效果。 伪类中最典型的例子是：对于链接的控制。 对链接的操作状态有四种：链接、已访问的链接、鼠标停在上方的、激活时的状态。此顺序不能颠倒。 在书中列出了四条规则来控制链接的颜色和其他元素。 a:link { font-weight:bold; text-decoration:none; color:#c30; background:transparent; } a:visited { font-weight:bold; text-decoration:none; color:#c30; background:transparent; } a:hover { font-weight:bold; text-decoration:underline; color:#f60; background:transparent; } a:active { font-weight:bold; text-decoration:none; color:#f90; background:transparent; } 此规则可以任意引用和改进为WEB页面添加效果。 http://www.94x.net/so.php?word=css%E4%B8%AD%E7%9A%84%E4%BC%AA%E7%B1%BB%E5%92%8C%E7%B1%BB%E7%9A%84%E5%8C%BA%E5%88%AB

Answer 3

:link :hover :active :visited等等这些是伪类,就是css内植类css内部本身赋予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿来使用，当然你也可以改变它的部分属性比如：a:link{font-size:12px;} 类则需要用户定义使用在调用时需要使用class……或者id……来调用它。