css hover对其包括的子元素开展款式设定示例

日期:2020-10-20 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的


拷贝编码
编码以下:

<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: ⑹7px ⑼74px;
}
.icon-down-single-arr-li li:hover .icon-down-single-arr{
background-position: ⑻1px ⑼74px;
}

非常留意第2个css款式的写法。