答案 0 :(得分:1)
是
不是在实际元素上使用:hover
,而是通过它们的共同父元件li
来应用它。
所以使用
li:hover .rounded
代替.rounded:hover
和
li:hover .tileText
代替.tileText:hover
答案 1 :(得分:0)
Yup http://jsfiddle.net/GF8tS/1/
我修改了CSS,因此当用户将鼠标悬停在list-item
上时,它会修改.tileText
和.rounded
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;
}