当前位置: 移动技术网 > IT编程>网页制作>CSS > css-扩展选择器

css-扩展选择器

2018年11月01日  | 移动技术网IT编程  | 我要评论

怎么拉皮除皱纹,嘉峪关物流,事故隐患整改通知书

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

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网