我想给第二栏上色。我在a.js文件中有代码:
if($data == 0 ){
$display.after("<tr id='after'><td></td><td>First Part</td></tr>");
return;
}
$display.after("<tr id='after'><td></td><td><table>..Second Part...</table></td></tr>");
在a.css文件中:
#after td td {
background-color: red;
}
第二部分改变颜色,但第一部分不变。
如果我使用:
#after td + td {
background-color: red;
}
或者如果我在第一部分中添加表格。两者都起作用,为什么呢?
要仅设置第二个td的样式,#after
可以使用以下代码:
#after td:nth-child(2)
{
background-color: red;
}
编辑:
这不适用于IE8 <,因此在这种情况下,您可以使用@ mr.aliens答案。
#after td + td /* Selects td adjacent to another td */
{
background-color: red;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句