CSS3中的伪类选择器详解

 

类选择器和伪类选择器区别

　　类选择器我们可以随意起名，而伪类选择器是CSS中已经定义好的选择器，不可以随意起名。

　　

伪类选择器以及伪元素

　　我们把它放到这里

　　p.aaas{

　　text-align: left;

　　color: red;

　　}

 

    它同样的会被选择

　　最常见的伪类选择器

　　未被访问的链接

　　a:link{ color: #ff6600 } /* 未被访问的链接 */

　　我们来测试一下，我们给它添加一个超链接。

　　伪类选择器

　　我们给这个伪类选择器，选定样式，第一种

　　a:link{

　　color: #000;

　　}

　　link它是表示的未被访问的链接

　　已被访问的链接

　　a:visited{

　　color: fuchsia;

　　}

　　然后是我们鼠标放上去的，一个颜色。

　　a:hover{

　　color :green;

　　}

　　当我们鼠标放上去的时候变成绿色。还有一个是当我们鼠标，正在被点击的时候。

　　a:active{

　　color: #ff6600;

　　}

　　就会显示橙色，这样就定义了一个伪类，当我们这个链接还没有访问的时候它就是黑色，当我们这个链接已经访问过后，在返回这个页面的时候呢，这个链接的颜色呢就会变成紫色，当我们鼠标经过它的时候呢，它就会变成绿色，当我们点击的时候，就是我们鼠标左键点下去，但并没有弹回来的时候呢它就会变成橙色。好那么我们来看一下效果。

 

　　现在是这样的一个颜色，是紫色。紫色就表示我们已经访问过了。因为我们现在正在返回这个页面，那么在这里我们可以来更改一下，改成index1。

　　伪类选择器

　　因为index1不存在所以就不会存在被访问了。

 

　那么在没有访问是之前呢是黑色link，当我们的这个鼠标移动上去的话

 

   会变成绿色，当我们鼠标点击下去但是并没有松开，会变成

 

 

 

橙色。当我们松开之后呢它会访问，访问之后它就会变成紫色。我们新建一个页面index1，那这样单击之后再返回的时候就变成紫色的了。这就是伪类。

 

 

原文链接：http://www.maiziedu.com/wiki/css3/selector/