Question

我想在p tag td之前应用css。其他td应该不受影响

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td>heading</td>
    <td>some data</td>
      <td><p class="may-class">Date</p></td>
 </tr>
</table>

Answer 1

你正在寻找的是一个父选择器，CSS不包含（但......） http://css-tricks.com/parent-selectors-in-css/

我要做的是将一个类应用于您要设置样式的td。如果您无法访问HTML，那么您可以使用直接子选择器为td内部设置p标签的样式：

td > p { ... }

有关使用Javascript设置样式的方法，请参阅此问题： Is there a CSS parent selector?

Answer 2

当td p-class始终是tr的唯一和最后一个元素时，您可以使用:last-child css样式。

像：

tr td:last-child {
    color:red;
}

编辑：它不适用于CSS。 CSS无法获取元素的父级。请改用jQuery/javascript：

jQuery('.may-class').parent().addClass('someClass');

如何在孩子上课之前申请css

2 个答案: