美文网首页
伪类选择器

伪类选择器

作者: 周周很可爱 | 来源:发表于2019-06-18 23:15 被阅读0次

    在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。
    那么如何使用伪类选择器呢
    元素未被点击时

    a:link{ color: green; }
    

    鼠标悬停时

    a:hover{ color: pink; }
    

    鼠标在元素上按下时

    a:active{ color: blue; }
    

    元素被点击过后

    a:visited{ color: red; }
    
    1. 多元素触发:

    鼠标移动到box1的p上面p改变

    .box1 p:hover{ background: green;}
    

    鼠标移动到box1上面p改变

    .box1:hover p{ background: blue;}
    

    鼠标移动到box1上面p相邻的span改变

    .box1:hover p+span{ background: blue;}
    

    注意: 一个标签只可以触发它包含的元素.

    相关文章

      网友评论

          本文标题:伪类选择器

          本文链接:https://www.haomeiwen.com/subject/jvrcqctx.html