我的鼠标经过表格时背景不变色诶

我上网看了一下，这些代码也是抄网上的，为什么网上就成功了，我的就不行呐？

你把script那段放在你的div class="main_tb".../div后面试试

querySlector 只返回符合条件的第一个元素，querySelectorAll才返回集合

这个问题的回答你可以参考下: https://ask.csdn.net/questions/7800515
这篇博客也不错, 你可以看下用户输入一个数，判断是奇数还是偶数代码
除此之外, 这篇博客: 路由守卫作用中的 当我们路由切换到一个组件里面，如果没有权限，不让进入，有权限可以进入 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

组件内部守卫

1.beforeRouteEnter(to,from,next)
当进入组件前 执行函数
// to 去哪个路由
// from 从哪个路由
// next() true 允许进入 / false 不允许 / '/user' 进入user地址
// beforeRouteEnter守卫不能访问this，通过 `vm` 访问组件实例 next(vm=>{})
2.beforeRouteLeave(to,from,next)
当离开组件前 执行函数
3.beforeRouteUpdate
当组件更新的时候

路由独享组件

beforeEnter(to,from,next)

全局守卫
组件内部，独享，都是对某一个组件起作用，对每一个组件都能守卫到

const router = new Router();
export default router;
// 每个页面都守卫，按需守卫
// 路由meta信息 requireAuth（需要权限） 页面才守卫
router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth) {
    console.log("我要进入到", to.name);
    // 判断是否登录
    if (isLog) {
      next(true)
    } else {
      // 如果没有登录跳转login 后面加一个条件redirect 等于要去的页面的地址 （方便登录成功后返回原页面）
      next('/login?redirect=' + to.path)
    }
  } else {
    next();
  }
})

路由包含的信息$route
// fullpath 全地址
// path 路由地址
// params 路由的参数
// query 问号后查询的参数
// name 路由名称
// meta 路由元信息，标识路由是否需要全局守卫

您还可以看一下孙玖祥老师的图解数据结构与算法课程中的左旋和右旋的代码实现小节, 巩固相关知识点
以下回答由chatgpt基于相关博客总结生成:
解决方案:
首先需要确认一下代码是否有问题，如果没有问题，可以考虑以下几个方面：
1. CSS 选择器是否正确：鼠标经过表格时，需要用:hover伪类来选中元素并修改样式，需要确保CSS选择器正确。
2. 背景颜色是否与其他样式冲突:有时候可能会有其他样式的优先级比较高，导致修改背景颜色没有生效，可以考虑加上!important来强制修改样式。
3. 是否有其他 JavaScript 脚本干扰:有时其他的 JavaScript 脚本可能会影响某些元素的样式，这时候可以在开发者工具中检查一下元素的样式是否受到了其他脚本影响。
代码示例：
```
<table>
  <tr>
    <td>一</td>
    <td>二</td>
    <td>三</td>
    <td>四</td>
  </tr>
  <tr>
    <td>五</td>
    <td>六</td>
    <td>七</td>
    <td>八</td>
  </tr>
  <tr>
    <td>九</td>
    <td>十</td>
    <td>十一</td>
    <td>十二</td>
  </tr>
</table>
```
```
table td:hover {
  background-color: yellow;
}
```
在鼠标经过表格的时候，这个表格的背景颜色就会变成黄色。