本文所分享的知识点是【css hover对其包含的子元素进行样式设置示例】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
css hover对其包含的子元素进行样式设置示例
代码如下:
<ul class="icon-down-single-arr-li">
<li>
<a href="http://www.bitscn.com/school/HTMLCSS/201412/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样式的写法。
关于css hover对其包含的子元素进行样式设置示例的相关讨论如下：
相关问题：CSS当中如何不继承父元素（指令和语法）如何正确的...
答：1、按顺序在父级样式后面建立样式覆盖。顺序是从上往下，最后的顺序，是在元素里面比如：最后的宽度是100PX，不管父级设置了多少。 2、:hover 伪类，除了IE6及以下不支持A以外的:hover，其它都支持了，用法很简单： li{backgournd:#000000;} li:... >>详细
相关问题：有两个div一个是#a,一个是#b，能通过#a:hover来改...
答：这种不通过JS脚本，仅通过CSS实现有两种方法： 1、如果你#b元素是#a元素的子元素，可以直接通过 #a #b {...}这种方式定义CSS样式来控制 2、#a与#b是亲兄弟关系，有相同的父节点，且#b跟#a紧临，可以通过 #a + #b{..}来控制#b里面的元素样式； 下... >>详细
相关问题：如何才能让 A:hover 这样的样式直接在元素里面定。...
答：是想 只针对某个模块做特殊的 a样式吧 css可以这样写 a:hover.lianjie{color:red;} html: 这样 只有 class="lianjie" 的 标签才会拥有此样式 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-