CSS为一个网页定义不同的超级链接属性的代码

    有的时候，我们需要对网页里面的链接进行不同的定义
    CSS代码可以很方便的解决这个问题
    代码示例：
    CSS定义超级链接的颜色属性

    1、新建css文件，里面写入：

    .a:link { text-decoration: none ;color:#006aff;}
    .a:active { text-decoration: none ; font-size:16px}
    .a:visited { text-decoration: none ;color:#006aff;}
    .a:hover {text-decoration: underline;}

    保存为“Styles.css”
    2、打开要用的html文件，在标签下写：
    <link href="../css/Styles.css" type="text/css" rel="stylesheet"/>
    3、下面加入要做个超级链接<body>标签之间加：
    <a href=# onclick="clickthis(this);">关于我们</a>
    <a href=# onclick="clickthis(this);">团队精神</a>
    <a href=# onclick="clickthis(this);">实力证明</a>
    <a href=# onclick="clickthis(this);">精选案例</a>
    <a href=# onclick="clickthis(this);">在线咨询</a>
    <a href=# onclick="clickthis(this);">加盟合作</a>
    上面的代码就定义了样式以 a开头的超级链接的属性，如果你需要对其他的超级链接进行不同的定义，只需要在CSS文件里面重新定义一个样式，例如：
    .new:link { text-decoration: none ;color:#000000;}
    .new:active { text-decoration: none ; font-size:16px}
    .new:visited { text-decoration: none ;color:#FFFFFF;}
    .new:hover {text-decoration: underline;}
    通过上面的代码，我们看见了，将“a”改成了“new”，那么HTML里面，需要定义的链接的写法就如下：
    <a href=# onclick="clickthis(this);">关于我们</a>
    <a href=# onclick="clickthis(this);">团队精神</a>
    <a href=# onclick="clickthis(this);">实力证明</a>
    <a href=# onclick="clickthis(this);">精选案例</a>
    <a href=# onclick="clickthis(this);">在线咨询</a>
    <a href=# onclick="clickthis(this);">加盟合作</a>
    按照以上方法，我们就可以对同一个页面的超级链接进行任意定义，你看明白了吗

附加题目