Html CSS鼠标悬停突出显示表超链接

我正在使用CSS3悬停效果，并面临一个关于元素悬停效果的问题

问题是当我使用鼠标悬停将鼠标指向第1个时，超链接的颜色与背景颜色相同，因此我需要在该事件中更改它

这里有一个活生生的例子：

.maps btn tr{ -webkit过渡：所有1s轻松； -moz转换：所有1秒轻松； -o-过渡：所有1容易； 过渡：所有的1容易； } .maps btn tr：悬停{ 背景颜色：蓝色； 颜色：白色； } .maps btn a:悬停{ 颜色：白色； } 1111 2222 3333 4444 5555 BBBB 中交 DDDD EEEE GGGG 啊 三 JJJJ

---

像这样改变它。这个很好用

.maps-btn tr, .maps-btn tr a {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.maps-btn tr:hover {
    background-color: blue;
    color: white;
}
.maps-btn a:hover, .maps-btn tr:hover a {
    color: white;
}

只需添加以下样式：

.maps-btn tr:hover a{
  color: white;
}

---

只要稍微改变一下你的CSS。包括t车身作为选择器

.maps btn tbody tr{ -webkit过渡：所有1s轻松； -moz转换：所有1秒轻松； -o-过渡：所有1容易； 过渡：所有的1容易； } .地图btn车身tr：悬停{ 背景颜色：蓝色； 颜色：白色； } .maps btn t车身a:悬停{ 颜色：白色； } 1111 2222 3333 4444 5555 BBBB 中交 DDDD EEEE GGGG 啊 三 JJJJ

---

你可以这样做：

.maps btn tr{ -webkit过渡：所有1s轻松； -moz转换：所有1秒轻松； -o-过渡：所有1容易； 过渡：所有的1容易； } .地图btn a{ -webkit过渡：所有1s轻松； -moz转换：所有1秒轻松； -o-过渡：所有1容易； 过渡：所有的1容易； } .maps btn tr：悬停{ 背景颜色：蓝色； 颜色：白色； } .maps btn tr：悬停a{ 背景颜色：蓝色； 颜色：白色； } .maps btn a:悬停{ 颜色：白色； } 1111 2222 3333 4444 5555 BBBB 中交 DDDD EEEE GGGG 啊 三 JJJJ