Rumah > hujung hadapan web > html tutorial > 超链接的那些事(一): 伪类_html/css_WEB-ITnose

超链接的那些事(一): 伪类_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:35:46
asal
1418 orang telah melayarinya

一、什么是CSS伪类

      CSS伪类(Pseudoclasses)用来指定一个或者与其相关的选择符的状态。它的表现形式是selector:pseudoclass{property:value;}。

二、浏览器的支持

      CSS有很多的伪类没有得到浏览器的支持,但是对于超链接的四个伪类可以安全使用。

三、超链接的伪类

  • link 适用于未被用户访问过的链接
  • visited 适用于已被用户访问过的链接
  • hover 适用于光标(鼠标指针)置于其上的连接
  • active 适用于被点击过的连接
  • 四、伪类的顺序

          在使用超链接的伪类的时候,需要按照link->visited->hover->active的顺序来定义。

          例如:      

    a:link {color: red;}a:visited {color: yellow;}a:hover {color: green;}a:active {color: gray;}
    Salin selepas log masuk

           简单记法"love hate","爱恨"。

    Tip:

          ①. 对于已经访问的链接,浏览器会记录访问的信息,所以查看link和visited效果,有时需要清除浏览器的缓存。

          ②. 超链接有默认的样式下划线, 而去除下划线需要以下CSS:

               a{text-decoration:none;}

    未完待续...

    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan