一次選擇多個子元素

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）>的nth-child自變量，使其變為> tr>嗎？– S. Walker ”

Answer 1

在要更改樣式的元素上添加類或id更為有意義。 無論如何，請上傳您的html以更好地理解問題