为什么 CSS :hover 高亮表格外框时，只高亮了单元格？

css :hover 高亮表格外框

在 css 中，hover 伪类用于在将鼠标移至某个元素上方时应用样式。但是，如果使用不当，可能会导致不期望的高亮效果。

问题：

给定的 CSS 规则会高亮表格中单元格（

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

答案：

立即学习“前端免费学习笔记（深入）”；

要解决此问题，需要删除伪类选择器前方的空格：

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

通过删除空格，hover 伪类将直接应用于表格元素（