有没有办法先选择具有相同类名的table的子元素，然后再选择第一个td元素？
提问于 2019-09-20 19:16:34
我正在尝试将样式应用于表数据，但无法获得正确的元素，因为它们没有类或I。这些表具有相同的类名，我可以通过使用table:nth-of-type(2)来隔离正确的表。我只是想不出如何正确地将选择器串在一起以获得正确的元素。
我最近尝试过的东西是
div#esri_dijit_Legend__BuckQuery表:nth-of-type(2)> tbody > tr >td:第一个孩子
下面是html的示意图。
<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
回答 1
Stack Overflow用户
发布于 2019-09-20 20:49:29
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58034043
复制相关文章
![matlab画图，添加图名，坐标轴名，曲线名称（图例）[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/e66600987eea29c478e9e01dbddbf584.gif)
点击加载更多
腾讯云开发者
