伪类

作者: 王小贱_ww | 来源:发表于2018-01-09 15:26 被阅读7次

在CSS中,伪类用于向某些选择器添加特殊的效果。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类</title>
    <style type="text/css">
        
      a:link{
                 color: red;
                 text-decoration: none;  
             } 

     a:visited{
        color:pink;
     }
     a:hover{
        color: green;
        text-decoration: underline;
     }
     a:active{
        color: black
     }
    </style>
</head>
<body>

    <a href="https://www.jianshu.com/" target="_blank">简书</a>
    
</body>
</html>
  • 利用a:link{ }设置了超链接的颜色
  • 利用a:visited{ }设置超链接访问过后的样式
  • 利用a:hover{ }设置鼠标放到超链接上时的样式
  • 利用a:active{ }设置超链接被点击瞬间的样式

相关文章

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • 第十二章 高级选择器

    伪类和伪元素区别 伪类一个冒号,伪元素两个冒号 一,伪类选择器 伪类性质: 伪类性质:加冒号不会对页面产生布局结...

  • jQuery添加/移除伪类(hover)

    伪类演示: 移除伪类:removeClass(hover) 结果是同上,没有任何变化。 :hover是伪类,伪类是...

  • CSS伪类和伪元素

    1. 什么是伪类和伪元素1.1. 伪类1.2. 伪元素1.3. 伪类与伪元素的区别 2. 使用 1. 什么是伪类和...

  • CSS

    伪类的语法: CSS 类也可与伪类搭配使用。 伪元素

  • 细说CSS伪类和伪元素

    原文 博客原文 大纲 1、伪元素2、伪类元素3、伪元素和伪类元素的区别4、伪类和伪元素的使用 1、伪元素 伪元素在...

  • CSS3 积累(2)之结构伪类选择器

    介绍 伪类选择器主要有动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器和伪元素等,这篇主要讲讲什么是结构伪类...

  • 伪类和伪元素初探

    Css3为了区分伪类和伪元素,伪类使用单冒号:,伪元素使用双冒号:: 常见伪类有 :hover,:link,:ac...

  • 伪元素和伪类

    一、伪类 1.1 定义 css伪类:css伪类用于向某些选择器添加特殊效果。 伪类其实与普通的css类相类似,可以...

  • css伪类(Pseudo-classes) & after be

    anchor伪类 Eg: 伪类和CSS类 伪类可以与 CSS 类配合使用: 在一个节点前后加节点

网友评论

      本文标题:伪类

      本文链接:https://www.haomeiwen.com/subject/cqxgnxtx.html