美文网首页网页前端后台技巧(CSS+HTML)
Day.01.03 伪类选择器的相关案例

Day.01.03 伪类选择器的相关案例

作者: 挂树上的骷髅怪 | 来源:发表于2017-01-03 19:47 被阅读7次
<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 伪类选择器的相关案例 </title>
    <style type="text/css">
        /*超链接的默认样式*/
        a:link{
            color:black;
            font-size:25px;
            text-decoration:none;
        }
        /*当鼠标移动到超链接时的样式*/
        a:hover{
            text-decoration:underline;
            font-size:50px;
        }
        /*当鼠标点击超链接以后的样式*/
        a:visited{
            color:red;
        }
        /*当鼠标按下但是没有松开时的样式*/
        a:active{
            color:blue;
        }
        /*超链接的默认样式*/
        a.tb-a:link{
            color:pink;
        }
    </style>
 </head>
 <body>
    <a href="http://www.baidu.com">百度点击事件</a><br>
    <a href="http://www.sohu.com">搜狐点击事件</a><br>
    <a href="http://www.baidu.com">百度点击事件</a><br>
    <a href="http://www.sohu.com">搜狐点击事件</a><br>
    <a class="tb-a" href="http://www.itbull.com">泰牛实力广告</a><br>
 </body>
</html>

相关文章

  • Day.01.03 伪类选择器的相关案例

  • jQuery之选择器

    基本选择器 层级选择器 简单伪类选择器 与内容相关的伪类选择器 与元素状态相关的伪类选择器 匹配子元素的伪类选择器...

  • 01、CSS3-选择器

    一、属性选择器 案例: 百度文库 二、结构性伪类选择器 三、伪类选择器 案例: 改变单选框/复选框样式 四、子元素...

  • CSS3选择器

    1CSS选择器的分类 基本选择器 层次选择器 伪类选择器 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素...

  • CSS-常用选择器

    常用选择器 子代和父代选择器 伪类选择器 伪元素 属性选择器 孩子选择器 兄弟选择器 否定伪类 优先选择器 a的伪类

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

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

  • CSS选择器(2)

    伪类选择器 伪类选择器实例

  • C3选择器

    属性选择器 兄弟选择器 伪类选择器 伪类target 伪元素before,after 其他伪元素

  • css3-新增选择器

    本文目录 1.属性选择器 2.伪类选择器(普通伪类、目标伪类、链接伪类) 3.伪元素选择器 1.属性选择器 E[a...

  • CSS伪类选择器总结

    CSS伪类选择器总结 动态伪类选择器:link, 链接伪类选择器,超链接未被访问前:visited, 链接伪类选择...

网友评论

    本文标题:Day.01.03 伪类选择器的相关案例

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