css-扩展选择器

banchousuo6747

于 2018-11-01 13:20:00 发布

阅读量93

点赞数

原文链接：http://www.cnblogs.com/ibabyli/p/9888714.html

版权

（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>

转载于:https://www.cnblogs.com/ibabyli/p/9888714.html

banchousuo6747

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css-扩展选择器

（1）关联选择器　　 <div><p>aaaaaaaaaaaa</p></div> 　　* 设置div标签里面p标签的样式，嵌套标签里面的样式div p{ background-color:blue;} （2）组合选择器　　<div>aaaaaaaaaaaa</div> ...
复制链接

扫一扫