DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css hover對其包含的子元素進行樣式設置示例
css hover對其包含的子元素進行樣式設置示例
編輯:CSS詳解     
這篇文章主要介紹了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樣式的寫法。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved