作者:羊爱恋上狼 | 来源:互联网 | 2023-01-24 17:08
今天又用到了:hover这个伪类选择器,一个小问题搞了我好久,就是关于:hover选择的问题,先看下css代码.box:hoverspan{height:150px;}接下来是HTML代码<
今天又用到了:hover这个伪类选择器,一个小问题搞了我好久,就是关于:hover选择的问题,
先看下css代码
.box:hover span {
height: 150px;
}
接下来是HTML代码
如果这样,当鼠标经过box大盒子的时候是不可以改变span的高度的(span有display:inline-block属性)
如果这样,当鼠标经过box大盒子的时候是可以改变span的高度的(span有display:inline-block属性)
也就是 .box:hover span {} span只有在是.box的子元素的情况下,才可以被选中,改变相应属性;否则不能选中span标签