美文网首页
关于css的伪类作用于其他元素(非自身)的办法

关于css的伪类作用于其他元素(非自身)的办法

作者: golddream_y | 来源:发表于2019-02-14 13:58 被阅读0次

    之前就遇到过类似的需求,假如有如下结构。

    <div class="me">
        <span class="mySon">demo</span>
    </div>
    

    如上结构,当我想在div获取鼠标移入时,span标签的内容字体变大。
    如果的非纯css写法,可以用dom属性onmouseenter或用js获取元素dom对象,然后进行操作。那么只用css呢?

    .me>.mySon{font-size:12px;}
    .me:hover>.mySon{font-size:14px;}
    

    如上。

    create at 2018:03:24 17:51

    相关文章

      网友评论

          本文标题:关于css的伪类作用于其他元素(非自身)的办法

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