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

2019-02-14  本文已影响0人  golddream_y

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

<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

上一篇 下一篇

猜你喜欢

热点阅读