3-16编程练习

来源：3-24 编程练习

Aries典

2018-06-04 15:23:50

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>伪类选择器</title>
        <style type="text/css">
            p{height:30px;}
            /*补充代码*/
            a{text-decoration: none;}

            a:link{color: orange;}
            p.suit a:visited{color: green;}
            p.wc a:visited{color: blue;}
            p.skin a:visited{color: purple;}
            a:hover{color: green;font-size: 20px;border:1px solid red;}
        </style>
    </head>
    <body>
        <h2>商品列表</h2>
        <p class="suit">
             <a href="#">衣服鞋帽</a>
        </p>
        <p class="wc">
             <a href="#">厕所清洁</a>
        </p>
        <p class="skin">
             <a href="#">化妆用品</a>
        </p>
    </body>
</html>
为什么我访问后再把鼠标放在链接上没有绿色和红色框