Can Sass可以通过postion选择元素吗?
问题描述:
有一个表,并没有id
与td
Can 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
右对齐和第二左对齐的内容?
答
使用CSS,可以使用:
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等),并且用这种方式来设置样式......因为这样可以让你平等灵活地管理款式......
答
我看到你只有两个元素可以使用。
除了已经提到的nth-child
伪类,你可以使用+
相邻的兄弟组合子:
td {
/* Styles for the first element */
}
td + td {
/* Styles for all elements except the first*/
text-align: right;
}
这是组合子被IE支持起始于7版!