目录
一、问题描述
1.首先我们来看一下代码结构
2.检查代码（鼠标右键或按下F12）
3.解决方案
一、问题描述
解决table下tr或td选中不生效，页面刷新无效果
1.首先我们来看一下代码结构
这里我们的结构是table标签下的tr，tr当中的td第二个td单元格让其变为红色，大家来看一下我们的选择器是否有问题，看起来并没有什么问题，那么为什么第二列的单元格没有变成红色呢？我们接着往下看。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>table{width: 200px;}table>tr>td:nth-child(2){background-color: red;}</style>
</head>
<body><table border cellpadding="0" cellspacing="0"><tr><td>姓名</td><td>性别</td><td>年龄</td></tr><tr><td>张三</td><td>男</td><td>24</td></tr> <tr><td>李四</td><td>男</td><td>32</td></tr> <tr><td>王五</td><td>男</td><td>12</td></tr></table>
</body>
</html>2.检查代码（鼠标右键或按下F12）
我们来看下面的图片
3.解决方案
根据上图所示，我们可以猜到，因为我们的代码当中实际并没有tbody标签，所以在我们选择的时候选择器出问题了，那么只要将我们的选择器添加上tbody标签就可以了。
table>tbody>tr>td:nth-child(2){background-color: red;}那么我们再来刷新浏览器就会得到想要的结果了，如下图所示。
![[ 网络安全介绍 5 ] 为什么要学习网络安全？](https://i-blog.csdnimg.cn/direct/c7e6039198cd498eb9fc2e2bd5d4e45e.png)
