html - 在html中选择多个div

标签 html css css-selectors

我们如何在html中同时悬停在多个div上?

我在 html 页面的不同位置有两个 div。

我想将鼠标悬停在任何一个 div 和它上,然后选择另一个 div。

我怎样才能只使用 preferred css 属性来完成它? 目前它是从 parent 到 child 而不是相反,我尝试了所有不同的组合。甚至 ~ 和 + 属性。

html代码:

<div id=one1>
<div id=two2></div>
</div>

CSS:

#one1:hover { background-color: yellow;}
#two2:hover { background-color: yellow;}

最佳答案

你的意思是这样的 Fiddle

#one:hover ~ #two , 
#one:hover ~ #three  
{ background-color: yellow; }

关于html - 在html中选择多个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23264773/

相关文章:

javascript - 页面未满时将页脚推到底部

javascript - 是否可以使用数据 URI 将图像分享到 Facebook?

css - GWT,addStyleNames 不从 CssResource 添加第二种样式

css - 是否有 "previous sibling"选择器?

html - 流体布局纯 CSS

android - 从 Html 标签中提取图像路径

javascript - 带边框半径的 knockout.js 数据绑定(bind)样式

css - 我如何将我的表格/页面变成响应式表格/页面?

javascript - 按类或 Id 将 div append 到另一个 div

javascript - 使用纯 Javascript 提取字符串的复杂部分