zoukankan      html  css  js  c++  java
  • 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/

  • 相关阅读:
    R语言:用简单的文本处理方法优化我们的读书体验
    R语言-用R眼看琅琊榜小说的正确姿势
    R语言-Kindle特价书爬榜示例 & 输出HTML小技巧
    Hadoop里的数据挖掘应用-Mahout——学习笔记<三>
    Hadoop-HBASE案例分析-Hadoop学习笔记<二>
    Hadoop概括——学习笔记<一>
    R语言——七月
    R语言:ggplot2精细化绘图——以实用商业化图表绘图为例
    R语言学习笔记之: 论如何正确把EXCEL文件喂给R处理
    R语言学习笔记-机器学习1-3章
  • 原文地址:https://www.cnblogs.com/space007/p/6223292.html
Copyright © 2011-2022 走看看