css-扩展选择器

（1）关联选择器
　　 <div><p>aaaaaaaaaaaa</p></div>
　　* 设置div标签里面p标签的样式，嵌套标签里面的样式

div p{
    background-color:blue;
}

（2） 组合选择器
　　<div>aaaaaaaaaaaa</div>
　　<p>bbbbbbbbb</p>
　　* 把div和p标签设置成相同的样式，把不同的标签设置成为相同的样式

div,p{
    background-color:blue;
}

（3）伪元素选择器（了解）
　　* css里面提供了一些定义好的样式，可以拿过来使用
　　* 比如超链接
　　** 超链接的状态
　　原始状态 鼠标放上去的状态 点击 点击之后
　　:link :hover :active :visited
　　*** 记忆的方法
　　lv ha

<html>
    <head>
        <title>World</title>
        <style type="text/css">    
        /* 原始状态 */
        a:link {
            background-color:blue;
        }
        /* 鼠标悬停状态 */
        a:hover {
            background-color:green;
        }
        /* 点击状态 */
        a:active {
            background-color:orange;
        }
        /* 点击之后的状态 */
        a:visited {
            background-color:gray;
        }
        </style>
    </head>
    <body>
        <a href="https://www.cnblogs.com/ibabyli/" target="_blank">个人首页</a>
    </body>
</html>

 

posted @ 2018-11-01 13:20  栗子壳  阅读(484)  评论(0)  编辑  收藏  举报