这一直困扰着我一段时间,我想知道什么是使div中的所有元素在悬停时表现不同的最佳方法.
示例HTML
<div class="box">
<a href="">
<h1>Box Title</h1>
<span class="icon floatr"></span>
</a>
</div>
Run Code Online (Sandbox Code Playgroud)
现在我通常会做以下css;
a.span {color:black}
a.span:hover {color:red;}
Run Code Online (Sandbox Code Playgroud)
但无论如何要将它们组合在一起; 所以在悬停时它会动作两个不同的选择器而不使用JS?
IE:将图标更改为红色,文本添加文本阴影或其他内容.