2013-04-22 22 views
3

有一个表,并没有idtdCan Sass可以通过postion选择元素吗?

<table id='mytable'> 
    <tr> 
    <td> 
     I want to right without id 
    </td> 

    <td> 
     I want to left without id 
    </td> 
    </tr> 
</table> 

如何使第一td右对齐和第二左对齐的内容?

回答

7

是的,你可以通过CSS来完成。

使用此:

table tr td:nth-child(1){ 
} 
table tr td:nth-child(2){ 
} 

一样多。这里是参考网站。

  1. nth-child
  2. evenodd
1

使用CSS,可以使用:

:nth-child

td:nth-child(an+b) 
  • 一个是速率(或斜率),或,其中1 =每个元素,2 =所有其他元素,3 =每第三个元素,和soforth。

  • n是常数。它的字面意思是n。只是...它只在使用a时才使用。

  • b是子选择器的初始位置(或y截距)。意思+ 1将从第一个元素开始,+3将是第三个元素...... b不能是负数也不是零。

,这种方法不能与IE8(如CSS3 psuedoclasses不支持= < IE8)工作,所以,如果你支持IE8,您可以使用jQuery的一点点。 ..或尝试类似Selectivizr,它使用js shim将CSS6选择器(如nn-child)支持IE6-8。

你可以做的另一件事就是给每一行偶数/奇数类(或者列-xyz-1,column-xyz-2等),并且用这种方式来设置样式......因为这样可以让你平等灵活地管理款式......

0

我看到你只有两个元素可以使用。

除了已经提到的nth-child伪类,你可以使用+相邻的兄弟组合子:

td { 
    /* Styles for the first element */ 
} 

td + td { 
    /* Styles for all elements except the first*/ 
    text-align: right; 
} 

这是组合子被IE支持起始于7版!

相关问题