css :hover高亮对象错误？

Question

需要的是鼠标移动到表格上方面时，表格的外边框高亮，但是目前的写法会变成高亮的是table中的td。
求大佬解惑啊！！！！！！！！！

 .flex-box table :hover{
        border: 1px solid #9dd8f7 !important;
  }

Answer 1

把伪类选择器前面的空格去掉就可以了。

.flex-box table:hover{
    border: 1px solid #9dd8f7 !important;
}