45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:css hover对子元素的样式进行设置的操作教程

css hover对子元素的样式进行设置的操作教程

2015-02-09 15:03:17 来源:www.45fan.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样式的写法。


本文地址:http://www.45fan.com/bcdm/9561.html
Tags: hover
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部