Question

我有问题：nth-child pseudoclass。正如在主题中，在某些情况下，它错误或与媒体查询有关。我希望我的模态坚持到左侧，我不能给它绝对的位置...... 下面的代码是小提琴（http://jsfiddle.net/WThuW/3/）

的一部分

@media (min-width: 500px) and (max-width: 599px) {
.box {
    width: 33.333333333331%;
}
.content .box:nth-child(2) .all-box-info,
.content .box:nth-child(2n+3) .all-box-info {
    margin-left: -100%;
}
.content .box:nth-child(3) .all-box-info,
.content .box:nth-child(3n+3) .all-box-info {
    margin-left: -200%;
}
.content .box:nth-child(10) .all-box-info {
    margin-left: 0;
}
}

检查JSFiffle＆gt; http://jsfiddle.net/WThuW/2/

请注意，有媒体查询！当行中的2个盒子一切正常时。对于3个或更多，至少有一个模态存在问题。

希望有人知道该怎么做！

Answer 1

你有一个错字：

替换
.content .box:nth-child(2n+3) .all-box-info {
搭配：
.content .box:nth-child(3n+2) .all-box-info {

nth-child工作不正常，有时算错了

1 个答案: