使CSS不应用于子表

yftpprvb 于 2022-11-19 发布在其他

关注(0)|答案(3)|浏览(161)

我有以下CSS和HTML
第一个
问题是comTable CSS类被应用到table 2和table 3，这样table 2和table 3的第一列也被设置为25%。我如何才能使.comTable td：first-child只应用到tableMain？请注意，我在tableMain中有太多的行，所以我尽可能不想对每个第一个td应用一个类。

css

来源：https://stackoverflow.com/questions/64178910/make-css-to-not-apply-to-child-tables

3条答案

按热度按时间

o7jaxewo1#

你可以做

.comTable > tr > td:first-child {
    text-align: right;            
    width: 25%;
}

>意味着只有第一层的孩子会受到影响，而深层的孩子不会受到影响。

赞(0）回复(0）举报 2022-11-19

watbbzwu2#

使用>而不是``：例如.comTable > tr > td或.comTable > * > td的一个或多个。

赞(0）回复(0）举报 2022-11-19

nnt7mjpx3#

对所罗门的回答补充一句：
可以将>（子选择器）与*（所有元素的选择器）堆叠在一起，这样就可以从tbody和head中获取td。
.comTable > * > * > td
HTML的外观

<table id="tableMain" class="comTable"> 
    <tbody>
        <tr>
            <td> ...

赞(0）回复(0）举报 2022-11-19

我来回答

使CSS不应用于子表

3条答案

相关问题

热门标签

最新问答