我有一个要设置样式的表格。我如何只对第一列应用text-align:left;
,而对其他列应用text-align:right;
?
下面是我的表格示例:
http://jsfiddle.net/gianlucaguarini/hAv7P/
此时,所有列的文本对齐都是左对齐。
我有一个要设置样式的表格。我如何只对第一列应用text-align:left;
,而对其他列应用text-align:right;
?
下面是我的表格示例:
http://jsfiddle.net/gianlucaguarini/hAv7P/
此时,所有列的文本对齐都是左对齐。
3条答案
按热度按时间kninwzqo1#
你可能想看看
:first-child
伪类(W3C定义)--这正是它设计的目的,你可以这样使用它::first-child
伪类意味着选择器只匹配每个<tr>
中的第一个<td>
。示例如下:http://jsfiddle.net/xv5Cn/1/
1tuwyuhd2#
您需要指定以下CSS:
An example is at JSFiddle .
您可以在 *5.7相邻同级选择器 * 阅读更多关于相邻同级CSS选择器的信息。
wlzqhblo3#
我已经更新了你的小提琴。请点击以下链接:
http://jsfiddle.net/hAv7P/9/
您所需要做的就是向要对齐的添加一个类,然后像摆弄一样添加CSS。