一次选择多个子元素

时间:2017-11-15 00:48:30

标签: html css

所以我试着写一个时尚的风格去除我经常在论坛上的化身的黑色背景(他们把黑色背景放在一起,所以透明胶片是黑色而不是白色所以从论坛中脱颖而出,我不喜欢)。< / p>

通过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)条目?

编辑:我找不到接受答案按钮,这就是答案: “你能否删除&gt; tr:nth-​​child(3)&gt;的nth-child参数,以便它变成&gt; tr&gt;? - S. Walker”

1 个答案:

答案 0 :(得分:0)

将类或id添加到要更改样式的元素更有意义。无论如何上传你的HTML以更好地理解问题