這篇文章主要介紹了css hover對其包含的子元素進行樣式設置,需要注意的是第二個CSS樣式的寫法,有需要的朋友可以參考下
復制代碼代碼如下:
<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樣式的寫法。