Heim > Web-Frontend > HTML-Tutorial > 超链接的那些事(一): 伪类_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:35:46
Original
1419 Leute haben es durchsucht

一、什么是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;}
    Nach dem Login kopieren

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

    Tip:

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

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

               a{text-decoration:none;}

    未完待续...

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage