css悬浮元素背景颜色修改,使用CSS更改嵌套元素的背景颜色a：hover

我试图通过使用a：hover {background-color：rgb(189，2012)更改以下脚本中#box和#internalArrow元素的背景颜色。 64，132);}构造。使用CSS更改嵌套元素的背景颜色a：hover

这就是我的;

#box

{

background-color: rgb(217, 9, 122);

height: 50px;

width: 50px;

position: absolute;

top:50%

}

#box:after {

content: ' ';

height: 0;

position: absolute;

width: 0;

border: 20px solid transparent;

border-right-color: #ffffff;

top: 50%;

left: 10%;

margin-left:-15px;

margin-top:-20px;

}

#internalArrow

{

width:0;

height:0;

position:absolute;

border: 20px solid transparent;

border-right-color: rgb(217, 9, 122);

top: 50%;

left: 10%;

margin-left:-5px;

margin-top:-20px;

z-index:100;

}

#box:hover + #internalArrow

{

background-color:rgb(189, 64, 132);

}

#wrapper

{

height:600px;

width:50px;

background-color:#ffffff;

opacity:0.9;

}

2014-04-11

Welshboy

+0

拿出+和那应该工作 –