html - 一次选择多个子元素

Question

所以我正在尝试编写一个时尚的样式来删除我经常访问的论坛上头像的黑色背景(他们放一个黑色背景所以透明胶片是黑色而不是白色所以从论坛中脱颖而出，我不喜欢)。

通过使用 Chrome 检查工具复制选择器，我已经将所需的参数隔离到此

#mainpostcontent > table > tbody > tr > td > table.forumline > tbody > tr:nth-child(XX) > td:nth-child(1) > span > table > tbody > tr > td {
    background: none !important;
}

上面的 XX 是一个数字。由于无论用户是否有头像，编号都会改变，所以我必须像这样用大约 200 条单独的线条来填充样式

#mainpostcontent > table > tbody > tr > td > table.forumline > tbody > tr:nth-child(1) > td:nth-child(1) > span > table > tbody > tr > td {
    background: none !important;
}
#mainpostcontent > table > tbody > tr > td > table.forumline > tbody > tr:nth-child(2) > td:nth-child(1) > span > table > tbody > tr > td {
    background: none !important;
}
#mainpostcontent > table > tbody > tr > td > table.forumline > tbody > tr:nth-child(3) > td:nth-child(1) > span > table > tbody > tr > td {
    background: none !important;
}

等等。

有没有一种方法可以用一个选择器选择所有这些，或者是 CSS 的限制阻止我通配第一个 tr:nth-child(2) 条目？

编辑:我找不到接受答案按钮，这是答案:“您能否删除 > tr:nth-child(3) > 的第 n 个子参数，使其变为 > tr >？– S. Walker”

Answer 1

向要更改样式的元素添加类或 ID 更有意义。无论如何上传你的 html 以便更好地理解问题