Html CSS选择器不工作,在父悬停上显示div

Html CSS选择器不工作,在父悬停上显示div,html,css,Html,Css,我用来在父div悬停时显示div的CSS选择器不起作用。我的CSS中有错误吗 谢谢 HTML: html正文div.left-cont{ 位置:相对位置; 浮动:对; 明确:无; 显示:块; 宽度:-webkit计算(100%-100px); 宽度:-o-钙(100%-100px); 宽度:-moz计算(100%-100px); 宽度:计算(100%-80px); 高度:1000px; 裕度:0 10px 0 0; 填充:0; z指数:8; } html正文div.left-cont div.

我用来在父div悬停时显示div的CSS选择器不起作用。我的CSS中有错误吗

谢谢

HTML:

html正文div.left-cont{
位置:相对位置;
浮动:对;
明确:无;
显示:块;
宽度:-webkit计算(100%-100px);
宽度:-o-钙(100%-100px);
宽度:-moz计算(100%-100px);
宽度:计算(100%-80px);
高度:1000px;
裕度:0 10px 0 0;
填充:0;
z指数:8;
}
html正文div.left-cont div.item{
位置:相对位置;
浮动:左;
明确:无;
显示:块;
宽度:48%;
高度:200px;
利润率:10px1%01%;
填充:0;
-webkit边界半径:2.7px;
-moz边界半径:2.7px;
边界半径:2.7px;
溢出:隐藏;
背景色:#e9e9e9;
}
html正文div.left-cont div.item div.hover{
位置:相对位置;
浮动:对;
明确:无;
显示:块;
宽度:100px;
高度:200px;
保证金:0;
填充:0;
不透明度:0;
背景颜色:橙色;
}
html body div.left-cont div.item:hover~div.hover{
不透明度:1;
}

这个怎么样我改变了
html body div.left-cont div.item:hover div.hover
html正文div.left-cont{
位置:相对位置;
浮动:对;
明确:无;
显示:块;
宽度:-webkit计算(100%-100px);
宽度:-o-钙(100%-100px);
宽度:-moz计算(100%-100px);
宽度:计算(100%-80px);
高度:1000px;
裕度:0 10px 0 0;
填充:0;
z指数:8;
}
html正文div.left-cont div.item{
位置:相对位置;
浮动:左;
明确:无;
显示:块;
宽度:48%;
高度:200px;
利润率:10px1%01%;
填充:0;
-webkit边界半径:2.7px;
-moz边界半径:2.7px;
边界半径:2.7px;
溢出:隐藏;
背景色:#e9e9e9;
}
html正文div.left-cont div.item div.hover{
位置:相对位置;
浮动:对;
明确:无;
显示:块;
宽度:100px;
高度:200px;
保证金:0;
填充:0;
不透明度:0;
背景颜色:橙色;
}
html正文div.left-cont div.item:hover div.hover{
不透明度:1;
}


不需要选择器?@Boris选择子元素Duplicate时不需要选择器?帮你自己一个忙-避免不必要的选择器嵌套,这会使你的css很难维护、扩展并影响性能(尽管可以忽略不计)