css3选择器,第n个子递增1

时间:2014-08-01 06:20:38

标签: css css3 css-selectors

我正在使用css3选择器来选择不同的孩子。是他们的替代方案而不是硬编码

.checkout_main .check_tr th:nth-child(1){
    width:50px;padding-left:10px;
}
.check_tr th:nth-child(2){
    width:300px;padding-left:10px;
}
.check_tr th:nth-child(3){
    width:50px;padding-left:10px;
}
.check_tr th:nth-child(4){
    width:100px;padding-left:10px;
}

1 个答案:

答案 0 :(得分:0)

有两种选择

You can use odd even
:nth-child(odd)
{
  width: 100px;
}

:nth-child(even)
{
  width:200px; 
}

另一种方法是你必须制定一个+ b。然后它工作,让我知道你的HTML。我会试着告诉你一个+ b表格。