Fri*_*nsh 3 html css html-table css-selectors
假设我有一个如下所示的表:
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
<td></td>
<td colspan="2"></td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2"></td>
<td></td>
<td colspan="2"></td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
如何选择第四列中的所有单元格,包括使用CSS跨越到它的td [colspan ="2"]?
它不漂亮但可以使用多个选择器完成:http://jsfiddle.net/r4atjtfx/1/
tr:first-child td:nth-child(4),
tr:first-child + tr td[colspan="2"] ~ td[colspan="2"],
tr:last-child td:nth-child(3) {
color: orange;
}
Run Code Online (Sandbox Code Playgroud)
但是为了回答你的问题,没有选择器可以定位不同的表列.
归档时间: |
|
查看次数: |
2310 次 |
最近记录: |