CSS选择器的第n个范围？

  • Z时代
  • 2024-01-10
  • 分类：问答

如何调整以下CSS选择器：

.myTableRow td:nth-child(?){
  background-color: #FFFFCC;
}

所以它适用于TD列2-4？

<table>
  <tr class="myTableRow">
    <td>column 1</td>
    <td>column 2</td>
    <td>column 3</td>
    <td>column 4</td>
    <td>column 5</td>
  </tr>
</table>

回答：

您将无法一次完成此操作:nth-child()-您将需要链接至少一个其他此类伪类。例如，的组合:nth-child()和:nth-last-

child()（该n+2位装置开始从第二子分别计数向前和向后）：

.myTableRow td:nth-child(n+2):nth-last-child(n+2){
background-color: #FFFFCC;
}

或者，不使用公式，只需排除:first-child和:last-child：

.myTableRow td:not(:first-child):not(:last-child){
background-color: #FFFFCC;
}

以上是 CSS选择器的第n个范围？ 的全部内容， 来源链接： utcz.com/qa/423601.html

回到顶部