2013-04-22 25 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版!

相關問題