字节跳动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 @   冒雨ing  阅读(1213)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
点击右上角即可分享
微信分享提示