码迷,mamicode.com
首页 > 其他好文 > 详细

关于:hover的一点小问题

时间:2016-09-22 23:38:19      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

今天又用到了:hover这个伪类选择器,一个小问题搞了我好久,就是关于:hover选择的问题,

先看下css代码

.box:hover span {
		height: 150px;
		}

接下来是HTML代码

<div class = ‘box‘>
		<span></span>
</div>
<div class="childbox"></div>

如果这样,当鼠标经过box大盒子的时候是不可以改变span的高度的(span有display:inline-block属性)

<div class = ‘box‘>
	<span></span>
	<div class="childbox"></div>
</div>

如果这样,当鼠标经过box大盒子的时候是可以改变span的高度的(span有display:inline-block属性)

 

  也就是  .box:hover  span {}    span只有在是.box的子元素的情况下,才可以被选中,改变相应属性;否则不能选中span标签

 

关于:hover的一点小问题

标签:

原文地址:http://www.cnblogs.com/mr-yuan/p/5898213.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!