发布
社区首页 >问答首页 >有没有办法先选择具有相同类名的table的子元素,然后再选择第一个td元素?

有没有办法先选择具有相同类名的table的子元素,然后再选择第一个td元素?
EN

Stack Overflow用户
提问于 2019-09-21 03:16:34
回答 1查看 155关注 0票数 0

我正在尝试将样式应用于表数据,但无法获得正确的元素,因为它们没有类或I。这些表具有相同的类名,我可以通过使用table:nth-of-type(2)来隔离正确的表。我只是想不出如何正确地将选择器串在一起以获得正确的元素。

我最近尝试过的东西是

div#esri_dijit_Legend__BuckQuery表:nth-of-type(2)> tbody > tr >td:第一个孩子

下面是html的示意图。

代码语言:javascript
代码运行次数:0
复制
<table class="className">
    <tbody>
        <tr>
            <td>  Need to apply style to this element only
            <td>
        </tr>
    </tbody>
</table>
<table class="className">
    <tbody>
        <tr>
            <td>  Don't want this element
            <td>
        </tr>
    </tbody>
</table>



No errors, just nothing happens.The problem I am having is stringing together to two selectors correctly. I know there is a correct syntax for doing this.

Thanks
EN

回答 1

Stack Overflow用户

发布于 2019-09-21 04:49:29

代码语言:javascript
代码运行次数:0
复制
<style>
   .className:first-of-type  tr:first-child td:first-child
   {
     background:red;
   }
</style>

<table class="className">
    <tbody>
        <tr>
            <td>  Need to apply style to this element only
            <td>
            <td> 
              There is no style on this element
            <td>
        </tr>
    </tbody>
</table>
<table class="className">
    <tbody>
        <tr>
            <td>  Don't want this element
            <td>
        </tr>
    </tbody>
</table>
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58034043

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档