我有一张桌子要设计。我该如何申请text-align:left;
仅适用于第一列和text-align:right;
对于其他列?
这是我的表示例:
http://jsfiddle.net/gianlucaguarini/hAv7P/ http://jsfiddle.net/gianlucaguarini/hAv7P/
目前,所有列均保留文本对齐方式。
您可能想看看:first-child
伪类(W3C定义 http://www.w3.org/TR/CSS2/selector.html#first-child) - 这正是它的设计目的。你可以这样使用它:
.table td {
text-align: right;
}
.table td:first-child {
text-align: left;
}
The :first-child
伪类意味着选择器仅匹配第一个<td>
每一个<tr>
.
这里的例子:http://jsfiddle.net/xv5Cn/1/ http://jsfiddle.net/xv5Cn/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)