目标的多个HTML属性：悬停

我试图使用的CSS悬停，我有工作在一个div做：目标的多个HTML属性：悬停

#complete-paper:hover{ 

background:url('/static/images/blue-aarow.jpg') no-repeat; 
background-position:192px 35px; 
background-color:#17aedf; 
color:#ffffff; 
}

我的问题是，有没有一个目标的另一种方式html元素，就像一个完全不相关的div，当我将鼠标悬停在带有完整纸张ID的属性上时？所以当你用完整的纸张悬停在div上时，它会执行上面悬停的css更改，以及更改页面上的另一个div？

感谢

编辑：我的问题是，如果有可能，如果div的是不相关的。但在这种情况下，它们是相关的，它实际上是一个在div内的p，当你将鼠标悬停在div上时，我希望p也改变。

来源

2011-01-05 Bill

不，除非其他分区嵌套在＃竞争纸，其中CSS看起来像：

#complete-paper:hover{ 
    background:url('/static/images/blue-aarow.jpg') no-repeat; 
    background-position:192px 35px; 
    background-color:#17aedf; 
    color:#ffffff; 
} 

#complete-paper:hover .other-div{ 
    /* different css */ 
}

来源

2011-01-05 15:33:18 Dan

这有效。谢谢 – Bill 2011-01-05 15:37:00

除非其他div是悬停元素的后代或兄弟。

来源

2011-01-05 15:29:46 PatrikAkerstrand

它的后代......如果这是我会怎么做的呢？ – Bill 2011-01-05 15:30:15

@Phil那么不是一个完全不相关的div呢？ – robertc 2011-01-05 15:32:41

既然你说这是一个后代，然后再去做这样的：

#complete-paper:hover #decendant_id { 
    // stuff 
}

来源

2011-01-05 15:33:57 Tesserex

尽管文件中的实际HTML元素必须嵌套或包含在单个元素中才能有效'：hover'targets to each other，但可以使用css'position'属性来显示任何您想要的元素。我使用position：fixed将我的'：hover'动作的目标放置在用户的屏幕上，而不管它在HTML文档中的位置。

所以元素是浏览器在代码中想要它的地方，以及用户在屏幕上想要的地方。

See detailed post->

来源

2013-05-10 00:49:49 rick

目标的多个HTML属性：悬停

回答

相关问题