字节跳动Tiktok团队北上广深杭急招前后端开发,绿色内推邮箱:sunmaoyu@bytedance.com

css hover对其包含的元素进行样式设置

<ul class="icon-down-single-arr-li">
	<li>        
		<a href="javascript:void(0)">价格<span class="icon-all icon-down-single-arr"></span></a>      
	</li>
</ul>

对a链接包含的span图标进行样式更改。




.icon-down-single-arr{
	background-position: -67px -974px;
}
.icon-down-single-arr-li li:hover .icon-down-single-arr{
	background-position: -81px -974px;
}


特别注意第二个css样式的写法。

posted @ 2014-07-17 09:55  冒雨ing  阅读(1208)  评论(0编辑  收藏  举报