CSS：如果另一个样式悬停，如何更改类样式

Question

我有这个css代码：

.index-menu {
  float: right;
  width: 100px;
  height: 100px;
}
.index-menu .text-block {
  height: 50px;
  border: 1px solid #d1d300;
  background-color: #ffffff;
  color: #666;
}
.index-menu:hover .text-block {
  color: #000000;
}

如何让这段代码在IE10-11和Mozilla中运行？在Chrome中，此代码可以正常运行

Answer 1

在IE10,11：active中，：hover伪类不会被孩子触发。 IE支持页面上的解决方案（由JS提供）：https://connect.microsoft.com/IE/feedback/details/757765/ie10-active-psuedo-class-should-be-triggered-by-child-elements-too