zoukankan      html  css  js  c++  java
  • CSS: hover选择器的使用

    用法1:
    这个表示的是:当鼠标悬浮在a这个样式上的时候,a的背景颜色设置为黄色

        a:hover
            {
                background-color:yellow;
            }

    用法2:
    使用a 控制其他块的样式:

        使用a控制a的子元素 b:

            .a:hover .b {
                    background-color:blue;
                }

        使用a控制a的兄弟元素 c(同级元素):

             .a:hover + .c {
                        color:red;
                    }

        使用a控制a的就近元素d:

            .a:hover ~ .d {
                    color:pink;
                }
    ---------------------
    作者:wujingj
    来源:CSDN
    原文:https://blog.csdn.net/sinat_19803127/article/details/80394126
    https://blog.csdn.net/sinat_19803127/article/details/80394126

  • 相关阅读:
    周记(第六周)
    周记(第五周)
    周记(第四周)
    周记(第三周)
    周记(第二周)
    《大道至简》读后感
    __proto__
    Object.prototype
    Object.setPrototypeOf(obj, proto)
    Object.getPrototypeOf(obj)
  • 原文地址:https://www.cnblogs.com/LuoEast/p/10475515.html
Copyright © 2011-2022 走看看