Stange行为：表行中的第n个类型（奇数）

Question

您好我有2个css类data-和child的表行。 parent被隐藏（显示：无），我希望给child类提供偶数/奇数色差。但是我的类选择器看起来它看起来不能正常工作。

＆＃13;

＆＃13;

parent

＆＃13;

table tr.parent:nth-of-type(odd) td {
  background-color: red;
}

.child {
  display: none;
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

您已将第一个父类赋予td而非tr。从td中删除第一个父类，并将其放在tr。

上

检查我的代码。

table tr.parent:nth-of-type(odd) td {
  background-color: red;
}

.child {
  display: none;
}

<table>
  <tr class="parent">
    <td>1</td>
    <td>parent</td>
  </tr>
  <tr class="child">
    <td>2</td>
    <td>none</td>
  </tr>
  <tr class="child">
    <td>3</td>
    <td>none</td>
  </tr>
  <tr class="parent">
    <td>4</td>
    <td>parent</td>
  </tr>
  <tr class="parent">
    <td>5</td>
    <td>parent</td>
  </tr>
  <tr class="parent">
    <td>5</td>
    <td>parent</td>
  </tr>
</table>