如何为id为tbl的表格中class为rowRegular的tr下的第二个td设置样式？

嘿，这个需求用CSS就能轻松实现，我给你两种靠谱的选择器方案，按需选用就行：

方案1：使用nth-child选择器 #

这是最直接的写法，适配你的示例中tr仅包含td子元素的场景：

#tbl tr.rowRegular td:nth-child(2) {
  /* 这里填入你想要的样式，举个例子： */
  background-color: #ffeaa7;
  font-weight: 600;
  color: #2d3436;
}

选择器拆解： #

• #tbl：精准定位到id为tbl的表格，避免样式影响页面其他表格
• tr.rowRegular：选中该表格内所有class为rowRegular的行元素
• td:nth-child(2)：选中每一行里的第二个子元素，且该子元素为td时生效

方案2：使用nth-of-type选择器（更精准） #

如果你的tr里可能混有其他类型的子元素（比如th或其他标签），用这个选择器更保险——它只会统计td类型元素的位置：

#tbl tr.rowRegular td:nth-of-type(2) {
  /* 示例样式 */
  border: 2px solid #74b9ff;
  padding: 8px 12px;
}

这个选择器会忽略tr里的非td元素，直接选中该行的第二个td，适配更复杂的结构。

针对你给出的HTML代码，两种方案都能准确选中标注“Style me”的td元素，完美满足需求~

内容的提问来源于stack exchange，提问作者AngryHacker