考虑以下给定的HTML。
<ul class="chars_container">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
CSS:
.chars_container{
list-style-type: none
}
.chars_container li{
float : left ;
margin: 20px ;
font-size : 50px;
color : #f00;
}
.chars_container li:hover ~ li{
color : #0f0;
}
悬停在任何“ li”上时,我想更改所有同级“ li”的颜色属性。我正在使用〜选择器,该选择器仅选择下一个所有兄弟姐妹。
请访问此小提琴以获取相同的代码。
如果你想拥有类似的东西 Demo
的CSS
.chars_container:hover > li{
color : #0f0;
}
.chars_container li:hover {
color : #f00;
}
或者
.chars_container:hover li{
color : #0f0;
}
.chars_container li:hover {
color : #f00;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句