如何访问A Div内的第一张桌子

joh*_* Gu 0 html css css-selectors

我的SharePoint网页中有以下标记: -

<div style="width:1000px; height:1000px;" allowdelete="false" class="noindex" id="WebPartWPQ2" haspers="false" webpartid="e016a540-49da-4220-b779-94f997f7e508">
    <table >//how to access this!!!
        <tbody>
            <tr>
                <td>
                    <span id="part1">
                        <div id="listFormToolBarTop" style="display: none;">
Run Code Online (Sandbox Code Playgroud)

现在我想定义一个自定义的CSS文件,并且能够访问带有id = 的第一个table内部并将其宽度更改为等于当前的宽度?有人可以就此提出建议吗?divWebPartWPQ2tablediv

nic*_*ael 5

只是

#WebPartWPQ2 > table:first-of-type {
    //some properties
}
Run Code Online (Sandbox Code Playgroud)

  • 您可能希望使用`:first-of-type`,以防他在表之前添加一些元素. (2认同)
  • 我的意思是使用`table:first-of-type`而不是`table:first-child`,因为如果它是容器的第一个子节点,你只会定位表.使用`first-of-type`定位表元素的第一个出现,无论其索引如何. (2认同)