是这样的,我打算做一个按钮的特效,具体如下:
初始状态是,class=line 的span标签处于整个main框体外(用样式来使他看起来像一条线)。
当 class=button 的a标签处于hover状态时,class=line 的span元素会向右移动直到和main框体左对齐,并且它的长度(width)变得和main框体一样长。
.button:hover .line这个写法是从 按钮特效-技术学习教程-慕课网 学的,看他老人家用得风生水起,不明白为何我用不了。
先行感谢想建议我用jq或者js实现的朋友。我还是想用css3实现,如果可以的话。
下面附上代码:
about
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
.button:hover .line这样写是后代选择器,你的子孙元素有这个类吗?解决方案:
使用相邻兄弟选择器:
.button:hover + .line