Css <；李>；展期+；文本

我有一个菜单，上面有平铺的图片，下面有文字。参见小提琴：

是否有一种方法可以翻转框，使文本也激活其悬停状态，反之亦然？

是的

我修改了CSS，因此当用户将鼠标悬停在

列表项上时，它将修改
.tileText
和
.rounded
的CSS

li:hover .rounded {
-webkit-box-shadow: 0px 0px 0px 3px rgba(193, 232, 0, .75);
-moz-box-shadow: 0px 0px 0px 3px rgba(193, 232, 0, .75);
box-shadow: 0px 0px 0px 3px rgba(193, 232, 0, .75);
}
li:hover .tileText {
color:#C3EA00;
font-weight:bold;
text-decoration:none;
}

对

我修改了CSS，因此当用户将鼠标悬停在
列表项上时，它将修改
.tileText
和
.rounded
的CSS

li:hover .rounded {
-webkit-box-shadow: 0px 0px 0px 3px rgba(193, 232, 0, .75);
-moz-box-shadow: 0px 0px 0px 3px rgba(193, 232, 0, .75);
box-shadow: 0px 0px 0px 3px rgba(193, 232, 0, .75);
}
li:hover .tileText {
color:#C3EA00;
font-weight:bold;
text-decoration:none;
}

对

不要使用
：将
悬停在实际元素上，而是通过它们的公共父元素
li
应用它

所以使用

li:hover.rounded
而不是
。rounded:hover

及

li:hover.tileText
而不是
。tileText:hover

演示在
是

不要使用
：将
悬停在实际元素上，而是通过它们的公共父元素
li
应用它

所以使用

li:hover.rounded
而不是
。rounded:hover

及

li:hover.tileText
而不是
。tileText:hover

演示在
哦，好的，这很有意义。谢谢你的帮助！哦，好吧，这是有道理的。谢谢你的帮助！是 啊我真的不在乎IE6上的人。谢谢是 啊我真的不在乎IE6上的人。谢谢