css - .row:hover ~ .row .slide { }
本文介绍了css - .row:hover ~ .row .slide { }的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
.row:hover ~ .row .slide {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.row:hover .col:hover ~ .col .slide {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
有人知道:hover ~ 这是什么用法吗？
解决方案
就是说，要选择~后面的元素，而且不能是~前面的元素以及~前面的子元素，这是个栗子http://www.tuicool.com/articl...
这篇关于css - .row:hover ~ .row .slide { }的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
