我有以下CSS和HTML第一个问题是comTable CSS类被应用到table 2和table 3，这样table 2和table 3的第一列也被设置为25%。我如何才能使.comTable td：first-child只应用到tableMain？请注意，我在tableMain中有太多的行，所以我尽可能不想对每个第一个td应用一个类。
o7jaxewo1#
你可以做
.comTable > tr > td:first-child { text-align: right; width: 25%; }
>意味着只有第一层的孩子会受到影响，而深层的孩子不会受到影响。
>
watbbzwu2#
使用>而不是``：例如.comTable > tr > td或.comTable > * > td的一个或多个。
.comTable > tr > td
.comTable > * > td
nnt7mjpx3#
对所罗门的回答补充一句：可以将>（子选择器）与*（所有元素的选择器）堆叠在一起，这样就可以从tbody和head中获取td。.comTable > * > * > tdHTML的外观
*
td
.comTable > * > * > td
<table id="tableMain" class="comTable"> <tbody> <tr> <td> ...
3条答案
按热度按时间o7jaxewo1#
你可以做
>意味着只有第一层的孩子会受到影响，而深层的孩子不会受到影响。watbbzwu2#
使用
>而不是``：例如.comTable > tr > td或.comTable > * > td的一个或多个。nnt7mjpx3#
对所罗门的回答补充一句：
可以将
>（子选择器）与*（所有元素的选择器）堆叠在一起，这样就可以从tbody和head中获取td。.comTable > * > * > tdHTML的外观