相关疑难解决方法(0)

我可以组合:nth-​​child()或:nth-​​of-type()与任意选择器?

有没有办法选择匹配(或不匹配)任意选择器的每个第n个孩子?例如,我想选择每个奇数表行,但是在行的子集中:

table.myClass tr.row:nth-child(odd) {
  ...
}
Run Code Online (Sandbox Code Playgroud)
<table class="myClass">
  <tr>
    <td>Row
  <tr class="row"> <!-- I want this -->
    <td>Row
  <tr class="row">
    <td>Row
  <tr class="row"> <!-- And this -->
    <td>Row
</table>
Run Code Online (Sandbox Code Playgroud)

:nth-child()似乎只计算所有tr元素,无论它们是否属于"行"类,所以我最终得到一个偶数 "行"元素而不是我正在寻找的两个元素.同样的事情发生在:nth-of-type().

有人可以解释原因吗?

css css-selectors css3

103
推荐指数
2
解决办法
3万
查看次数

CSS 选择表中的前 4 个元素

我只想选择下表中的前 4 列(以红色突出显示)我该怎么做?

到目前为止我已经尝试过以下方法,但这不是我想要的。

表.foobardate

table.foobardate>tr:not(:last-child)

在此输入图像描述

谢谢!

css

1
推荐指数
1
解决办法
5205
查看次数

标签 统计

css ×2

css-selectors ×1

css3 ×1