通用同级组合器的替代CSS解决问题

Question

使用通用的同级组合器（〜）选择HTML电子邮件的元素时遇到问题，我认为某些电子邮件客户端可能不支持它/我的行为异常。

HTML和CSS在这里： https://bestclownintown.co.uk/news/GT_cats.html

鉴于以下CSS，有没有其他替代方法可以重写此规则，并选择.tab1至.tab6，而无需使用常规的同级组合器（〜）

#tab1:checked~.tab1


#tab1:checked~.tab1, #tab2:checked~.tab2, #tab3:checked~.tab3, #tab4:checked~.tab4, #tab5:checked~.tab5, #tab6:checked~.tab6 {
    display:block;
    -webkit-animation:fadein 0.5s linear;
}